一、什么是 jQuery

文章目录七、参数规则:八、链式编程风格九、属性操作.ready 和 . 的区别 第二节课选择元素相关方法 第三节课 取赋值相关方法: 基于对象查改删增相关方法: 第四节课 第五节课 第六节课 $("").stop() 停止正在执行动画 第七节课 第八节课 第九节课工具方法-高级方法 ()方法()方法
一、什么是
是一个非常流行的快速、小巧、功能强大的开源库 。
“Write less , do more”
它还为我们做了跨浏览器的兼容(小数无法兼的 API 官方会作特殊的说明)
二、如何使用
1.只需要引入库的 js 文件(官方网站)
cdn:#a2
2.下载地址:(放在自己的服务器上)
运行代码:有两个版本:
1、一个是源代码:-.js( 表示具体版本号)
2、压缩处理后的版本:-.min.j、
国内许多知名厂商都提供了库文件的 CDN 加速服务 , 你可以在页面中直接引入对应的链接 , 就可以直接使用其提供的库 , 而无需将库文件放在自己的服务器上再引入 。
官方地址(下载 api 查询等):
三、如何选择版本
1.x 版本为 1.11.1(pc 端)
2.x 版本 不再支持 IE 6 ~ IE 8,兼容 IE 6 ~ IE 8 , 推荐使用 1.x(移动端)
3.x 版本(最新)
四、 的运行原理
返回值:
1、构造函数
2、类数组对象
实例方法
选择元素:
$(); 此函数可以传递多种参数 , 返回值是对象(jq 对象)—> 使用选择器选取元素 , 并封装为对象
1、一般通过一个字符串来标识匹配的元素
$('#uid') // 选取id属性为"uid"的单个元素$('p') // 选取所有的p元素$('.test') // 选择所有带有 CSS 类名"test"的元素$('[name=books]') // 选择所有 name 属性"books"的元素
获取元素就是通过类似于 CSS 选择器的字符串来匹配对应的元素 , 我们一般将其称作选择器() 。几乎所有的 CSS 选择器都可以当做选择器来使用 , 只要 CSS 选择器对哪些元素生效 , 对应的选择器就可以选取到哪些元素 。
2、支持多个选择器任意组合使用
多个选择器以空格或指定符号隔开 , 将匹配与前者具有指定关系的最后一个选择器所表示的元素
$("#uid span"); // 选择id为"uid"的元素的所有后代span元素$("p > span"); // 选择p元素的所有子代span元素$("div + p"); // 选择div元素后面紧邻的同辈p元素$("div p span"); // 选择div元素的所有后代p元素的后代span元素$("li[data$="Duyi"]); // 选择 li 元素的有 dat 这个属性 , 并且是'Duyi'结尾的$("li[data^="Duyi"]); // 选择li元素的有dat这个属性 , 并且是'Duyi'开头的// 多个选择器之间没有空格 , 将匹配同时满足这些选择器条件的元素$("p#uid"); // 选择 id 属性为"uid"的 p 元素$("div.foo"); // 选择所有带有CSS类名"foo"的div元素$(".foo.bar"); // 选择所有同时带有 CSS 类名"foo"和"bar"的元素$("input[name=books][id]"); // 选择所有 name 属性为"books"并且具备 id 属性的元素
3、 特有的选择器 , 当然也可以和其他选择器任意组合使用
$(':checkbox') // 选取所有的 checkbox 元素$(':text') // 选取所有 type 为 text 的 input 元素
( 选择器一览表)
$('选择器字符串')
匹配到指定的元素后 , 将返回一个对象 。该对象就包含匹配到的所有 DOM 元素 。如果指定的选择器没有匹配到任何元素 , 将返回一个空的对象(不包含任何 DOM 元素) 。