扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍了Jquery如何实现过滤选择器，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
1.根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。
$("li:first") 第一个
$("li:last") 最后一个
2.如果想从一组标签元素数组中，灵活选择任意的一个标签元素，我们可以使用:eq(index)
其中参数index表示索引号（即：一个整数），它从0开始。
如果index的值为3，表示选择的是第4个元素：$("li:eq(3)")
3.按照文本内容来查找一个或多个元素，那么使用:contains(text)选择器会更加方便，
它的功能是选择包含指定字符串的全部元素，它通常与其他元素结合使用，获取包含“text”字符串内容的全部元素对象。
其中参数text表示页面中的文字。$("li:contains('jQuery')")
- 强大的"jQuery"
- "javascript"也很实用
- "jQuery"前端必学
- "java"是一种开发语言
- 前端利器——"jQuery"
4.:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，
其中selector参数就是包含的元素名称，是被包含元素。
$("li:has('p')")选择器代码，获取了包含
元素的全部
5.:hidden过滤选择器的功能是获取全部不可见的元素，这些不可见的元素中包括type属性值为hidden的元素。
$("p:hidden")代码获取隐藏的
元素
6.:visible过滤选择器获取的是全部可见的元素，也就是说，只要不将元素的display属性值设置为“none”，
那么，都可以通过该选择器获取。$("p:visible")选择器代码，获取那个可见的
元素
7.属性作为DOM元素的一个重要特征，也可以用于选择器中，通过元素属性获取元素的选择器，
[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。
$("li[title='我最爱']")属性选择器代码，获取指定的
8.[attribute!=value]属性选择器的功能是获取不包含属性名，或者与属性名和属性值不相同的全部元素，
其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。
$("li[title!='我最爱']")属性选择器代码，获取指定的
9.功能更为强大的属性选择器[attribute*=value]，它可以获取属性值中包含指定内容的全部元素，
其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示对应的属性值。
$("li[title*='最']")属性选择器代码，获取指定
10.使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。