文章目录
- jQuery 简介
- 一、什么是jQuery
- 二、如何使用jQuery
- 三、如何选择jQuery版本
- 四、jQuery的运行原理
jQuery 简介
一、什么是jQuery
jQuery简介网址:https://codeplayer.vip/p/j7sua
- jQuery是一个非常流行的快速、小巧、功能强大的开源JavaScript库。
“Write less,do more” - 它还为我们做了跨浏览器的兼容(小数无法兼的API 官方会作特殊的说明)
二、如何使用jQuery
-
1.只需要引入jQuery库的js文件(官方网站)
cdn: http://www.jq22.com/cdn/#a2 -
2.下载地址:http://www.jq22.com/jquery-info122(放在自己的服务器上)
运行代码:有两个版本:
- 1、一个是源代码:jquery-version.js(version表示具体版本号)
- 2、压缩处理后的版本:jquery-version.min.jq、
国内许多知名厂商都提供了jQuery库文件的CDN加速服务,你可以在页面中直接引入对应的链接,就可以直接使用其提供的jQuery库,而无需将jQuery库文件放在自己的服务器上再引入。
官方地址(下载 api查询等):
- 中文: https://www.jquery123.com/
- 英文原版: https://jquery.com/
三、如何选择jQuery版本
- 1.x 版本为 1.11.1(pc端)
- 2.x 版本 不再支持IE 6 ~ IE 8,兼容IE 6 ~ IE 8,推荐使用 1.x(移动端)
- 3.x 版本(最新)
四、jQuery的运行原理
在jQuery库中实际上定义了一个jQuery()方法,它是jQuery库的核心。我们调用该方法并传入指定的参数,就以返回一个jQuery实例对象,该对象中包含匹配的一个或多个DOM元素。接着,我们就可以使用jQuery对象上的方法来操作它所匹配的DOM元素。
注意:既然获得的是jQuery对象,你就只能使用jQuery对象的方法,而不能在jQuery对象上调用DOM元素(Element对象)自身的方法(比如getElementById()),除非你已经通过某些方式将它转换成了DOM元素。
jQuery定义了一个别名变量 $
-
(jQuery === $)* 都是全局变量
-
console.log(jQuery, jQuery === $);
-
console.log($(‘div’));
-
返回值:
- 1、构造函数
- 2、类数组对象