滤波器选择器

筛选选择器主要通过特定的过滤规则过滤所需的DOM元素,这些规则都在过滤器的开头。

根据过滤规则的不同,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性筛选。

基本过滤选择器



基本筛选选择器示例

改变的div的第一个元素的背景颜色是# bbffaa

改变# bbffaa最后的div元素背景

对于一个bbffaa #所有div元素的背景颜色变化类

变化甚至# bbffaa的div元素的背景颜色索引值

改变的bbffaa #奇怪的div元素的背景颜色索引值

改变背景颜色索引值大于3的元素# bbffaa

背景颜色变化指数等于3的元素# bbffaa

背景颜色变化指数小于3的元素# bbffaa

背景颜色的变化bbffaa所有#元素的标题

改变当前正在执行的所有元素的动画# bbffaa背景颜色

内容过滤选择器

的内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容。





内容筛选选择器示例

背景色的改变包含文本迪为# bbffaa div元素

改变不包含子元素(或文本)为bbffaa #空的div元素的背景颜色

div包含# bbffaa类迷你元素的背景颜色的变化

改变包含子元素(或文本)的div元素的背景颜色是# bbffaa

可见性过滤选择器

可见性筛选器选择器根据元素的可见和不可见状态选择相应的元素。

可见选择器:隐藏不仅包含样式属性显示的元素,也包括文本隐藏字段()和可见的元素。



可见性筛选器选择器示例

改变为# bbffaa所有可见的DIV元素的背景颜色

选择所有的元素是不可见的,在节目中使用jQuery()显示的方法,并设置背景颜色为# bbffaa

选择所有文本隐藏字段并打印它们的值

属性过滤选择器

属性筛选器选择器的过滤规则是通过元素的属性获取相应的元素。





属性筛选选择器示例

选择下面的元素,改变# bbffaa背景颜色

包含属性标题的div元素。

属性标题值等于测试的div元素。

属性标题值不等于测试div元素(也不会选择属性标题)。

属性标题值是以TE开头的div元素。

属性标题值是以EST结尾的div元素。

属性标题值包含ES的div元素。

选择具有属性id的div元素,然后选择包含结果中ES的div元素的属性标题值。

子元素过滤选择器



n个子()选择器详细如下所示:

(1):n个子(甚至奇数):可以在每个父元素下选择偶数(奇数)索引值的元素。

(2):n个子(2):在每个父元素下选择一个索引为2的元素。

(3):nth-child(3N):可以选择父母各指标值的多元素是3。

(3):nth-child(3n + 1):每个父元素的索引值可以选择为3n + 1元

子元素过滤选择器示例

选择下面的元素,改变# bbffaa背景颜色

每一个类都是一个元素的div子元素下的第二个子元素。

每个类都是一个div父元素下的第一个子元素。

每个类都是一个元素的div父元素下的最后一个子元素。

如果类是只有一个孩子一个div元素的父元素下的子元素,然后选择

表单对象属性筛选器选择器

这个选择器主要过滤选定的表单元素。



表单对象属性筛选器选择器示例

通过使用jQuery对象的瓦尔()方法改变表单中可用元素的值,通过使用jQuery对象的瓦尔()方法来改变表单中不可用元素的值

获取由jQuery对象的长度属性选择的复选框的数目。

使用jQuery对象的文本()方法获取下拉框的选定内容

形式的选择





以上是关于jQuery过滤的所有选择器,非常详细,希望对合作伙伴有所帮助。