jQuery知识精要：选择器与属性操作

"jq知识点总结.txt" 这篇文档总结了JavaScript库jQuery（jq）的主要知识点，包括引入jQuery库、选择器的使用、过滤器、属性选择器等，是学习和使用jQuery的重要参考资料。 首先，要使用jQuery，需要在HTML文档中引入jQuery库。有两种常见方式：一是本地引入，即在HTML文件中添加`<script>`标签，链接到jQuery库文件，如`<script src="jquery-3.1.1.min.js"></script>`；二是通过CDN(Content Delivery Network)引入，例如`<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>`。要注意的是，jQuery的不同版本对IE浏览器的支持程度不同，2.x版本不再支持IE6, 7, 8，而1.x版本则可以。 在选择器方面，jQuery提供了多种选择元素的方式： 1. ID选择器：使用`$("#id")`选取ID为"id"的元素。 2. 类选择器：使用`$(".class")`选取所有class为"class"的元素。 3. 元素选择器：使用`$("el")`选取所有el类型的元素。 4. 通配符选择器：`$("*")`选取所有元素。 5. 后代选择器：`$("#box p")`选取id为"box"的所有p元素后代。 6. 直接子元素选择器：`$("#box > a")`选取id为"box"的直接子元素a。 7. 兄弟元素选择器：`$("#box + a")`选取紧接在id为"box"后的a元素。 8. 逗号分隔的选择器：`$("#box, div, a")`选取id为"box"、所有div以及所有a元素。 9. 通用兄弟选择器：`$("#box ~ a")`选取id为"box"后面的所有a元素。 过滤器用于进一步筛选已选择的元素集合： 1. 首个元素：`$("li:first")`选取第一个li元素。 2. 最后一个元素：`$("li:last")`选取最后一个li元素。 3. 偶数索引元素：`$("li:even")`选取索引为偶数的li元素。 4. 奇数索引元素：`$("li:odd")`选取索引为奇数的li元素。 5. 大于指定索引的元素：`$("li:gt(2)")`选取索引大于2的li元素。 6. 小于指定索引的元素：`$("li:lt(2)")`选取索引小于2的li元素。 7. 等于指定索引的元素：`$("li:eq("+a+")")`选取索引等于变量a的li元素。 8. 不包含特定选择器的元素：`$("li:not(.lis)")`选取不含有class为"lis"的li元素。 9. 所有标题元素：`$(":header")`选取所有标题元素(h1至h6)。 10. 文档根元素：`$(":root")`选取文档的根元素(html)。 此外，还有一系列基于元素内容和属性的选择器： 1. 包含特定文本：`$("li:contains('text')")`选取包含特定文本的li元素。 2. 空元素：`$("li:empty")`选取没有子节点的li元素。 3. 子元素含有特定选择器：`$("li:has(.test)")`选取含有class为"test"子元素的li元素。 4. 有子元素的元素：`$("li:parent")`选取有子节点的li元素。 最后，jQuery提供了多种操作元素属性的方法： 1. 属性选择器：`[attr]`选取具有指定属性的元素，如`$("input[type=text]")`选取type属性为"text"的input元素。 2. 属性等于特定值：`[attr=val]`选取属性值等于val的元素。 3. 属性不等于特定值：`[attr!=val]`选取属性值不等于val的元素。 4. 属性以特定值开头：`[attr^=val]`选取属性值以val开头的元素。 5. 属性以特定值结尾：`[attr$=val]`选取属性值以val结尾的元素。 6. 属性包含特定值：`[attr*=val]`选取属性值中包含val的元素。 7. 多个属性组合：`$("p[title^=aa][lang=en]")`选取title属性以"aa"开头且lang属性为"en"的p元素。 以上就是jQuery的基本使用方法和选择器，这些知识能帮助开发者高效地操作DOM，实现丰富的交互效果。