jQuery选择器(下)-创新互联
jQuery选择器可分为基本选择器和过滤选择器
（二）过滤选择器
★简单过滤选择器：主要根据索引值对元素进行筛选。
1、:first选择器：对当前jQuery集合进行过滤并选择出第一个匹配元素
jQuery("selector:first");
注：参数selector为任何有效的选择器
2、:last选择器：对当前jQuery集合进行筛选并选择出最后一个匹配元素
jQuery("selector:last");
注：参数selector为任何有效的选择器
3、:odd选择器：选择索引为奇数（从0开始计数）的所有元素
jQuery("selector:odd");
4、:even选择器：选择索引为偶数（从0开始计数）的所有元素
jQuery("selector:even");
5、:eq()选择器：用于从匹配的集合中选择索引等于给定值的元素
jQuery("selector:eq(index)");
注：参数index指定元素在selector集合中的索引值（从0开始计数）
6、:gt()选择器：从匹配的集合中选择索引大于给定值的所有元素
jQuery("selector:gt(index)");
注：参数index指定元素在selector集合中的索引值（从0开始计数）
7、:lt()选择器：从匹配的集合中选择索引小于给定值的所有元素
jQuery("selector:lt(index)");
注：参数index是一个非负整数，用于指定元素在selector集合中的索引值（从0开始计数）
8、:not()选择器：从匹配的集合中除去与给定选择器匹配的元素
jQuery(selector1:not(selector2));
注：selector1和selector2均为任何有效的选择器，表示从selector1匹配的集合中移除与selector2匹配的所有元素
9、:header()选择器：选择所有诸如h2、h3、h4之类的标题元素
jQuery(":header")
10、:animated选择器：选择所有正在执行动画效果的元素
jQuery("selector:animated");
注：参数selector为任何有效的选择器
★内容过滤选择器
1、:contains()选择器：选择包含给定文本的所有元素
jQuery("selector:contains(text)");
注：参数selector是任何有效的选择器，text指定要查找的文本（引号是可选的），该文本可以直接出现在选定的元素或其任何后代元素中
2、:has()选择器：选择包含子元素的元素
jQuery("selector:has(selector2)");
3、:empty选择器：选择不包含子元素或文本的所有空元素
jQuery("selector:empty");
注：selector集合中不包含子元素或文本的所有空元素将包含在查询结果中
4、:parent选择器：选择包含子元素或文本的元素
jQuery("selector:parent");
注：selector集合中包含子元素或文本的所有空元素将包含在查询结果中
★属性过滤选择器
1、包含属性选择器：选择包含给定属性的所有元素
jQuery("selector[attribute]");
注：参数attribute表示属性名，value表示属性值，多数情况指定属性值时的引号是可选的
2、属性等于选择器：选择给定属性等于某特定值的所有元素
jQuery("selector[attribute=value]");
注：参数attribute表示属性名，value表示属性值
3、属性包含选择器：选择指定属性值包含给定子字符串的所有元素
jQuery("selector[attribute*=value]");
注：参数selector为任何有效的选择器，用于指定要查找的元素；attribute为属性名，value为属性值，引号是可选的。
4、属性包含单词选择器：选择指定属性值中包含给定单词（由空格分隔）的元素
jQuery("selector[attribute~ =value]");
5、属性不等于选择器：选择不包含指定属性，或者包含指定属性但该属性不等于某个值的所有元素
jQuery("selector[attribute!=value]");
6、属性开始选择器：选择给定属性是以某特定值开始的所有元素
jQuery("selector[attribute^ =value]");
7、属性结束选择器：选择指定属性是以某特定值结束的所有元素
jQuery("selector[attribute$=value]");
8、复合属性选择器：选择同时满足多个条件的所有元素
jQuery("selector[selector1][selector2][selectorN]");
★子元素过滤选择器
1、:first-child选择器：选择是其父级的第一个子元素的所有元素
jQuery（"selector:first-child"）;
2、:last-child选择器：选择是其父级的最后一个子元素的所有元素
jQuery（"selector:last-child"）;
3、:nth-child()选择器：选择父元素下的第N个子元素或奇偶元素
jQuery（"selector:nth-child(index/even/odd/equation)"）;
4、:only-child选择器：选择某元素的唯一子元素
jQuery（"selector:only-child"）;
★表单域属性过滤选择器
1、:check选择器：选择所有被选中的表单域
2、:disabled选择器：选择所有被禁用的的表单域
3、:enable选择器：选择所有可用的表单域
4、:selected选择器：从列表框中选择所有选中的option元素
jQuery（"selector option:selected"）;
★可见性过滤选择器
1、:hidden选择器：选择所有的不可见元素
2、:visible选择器：选择所有的可见元素
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
标题名称：jQuery选择器(下)-创新互联
分享网址：http://shouzuofang.com/article/ccjphi.html