jQuery过滤器选择器的详细说明

滤波器选择器

过滤器选择器主要通过特定的过滤规则过滤出所需的DOM元素，所有的选择器都以“:”开头。

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

基本过滤器选择器

基本过滤器选择器示例。

将第一个div元素的背景颜色更改为# bbffaa。

将最后一个div元素的背景颜色更改为# bbffaa。

将类不是1的所有div元素的背景色更改为# bbffaa。

将索引值为偶数的div元素的背景色更改为# bbffaa。

将索引值为奇数的div元素的背景色更改为# bbffaa。

将索引值大于3的div元素的背景色更改为# bbffaa。

索引值更改为3的div元素的背景色为# bbffaa。

将索引值小于3的div元素的背景色更改为# bbffaa。

将所有标题元素的背景颜色更改为# bbffaa。

将当前执行动画的所有元素的背景颜色更改为# bbffaa。

内容过滤器选择器

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

内容过滤器选择器示例。

将文本为“di”的div元素的背景颜色更改为# bbffaa。

将没有子元素(或文本元素)的div空元素的背景颜色更改为# bbffaa。

将类为mini元素的div元素的背景色改为# bbffaa。

将包含子元素(或文本元素)的div元素的背景颜色更改为# bbffaa。

可见性过滤器选择器

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

可见选择器：hidden不仅包含样式属性显示为none的元素，还包含文本隐藏字段(input type="hidden ")和visible:hidden等元素。

可见性过滤器选择器示例。

将所有可见div元素的背景颜色更改为# bbffaa。

选择所有不可见的元素，使用jQuery中的show()方法显示它们，并将它们的背景颜色设置为# bbffaa。

选择所有文本隐藏字段并打印其值。

属性过滤器选择器

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

属性过滤器选择器示例。

选择以下元素，并将其背景颜色更改为# bbffaa。

带属性标题的Div元素。

属性标题值等于“test”的div元素。

属性标题值不等于“test”的Div元素(没有属性标题的也会被选中)。

属性标题值以“te”开头的div元素。

属性标题值以“est”结尾的div元素。

属性标题值包含“es”的div元素。

选择具有属性id的div元素，然后选择属性标题值在结果中包含“es”的div元素。

子元素过滤器选择器

第n个子()选择器解释如下：

(1): th-子(偶数/奇数):可以在每个父元素下选择具有偶数(奇数)索引值的元素。

(2): th-child(2):可以在每个父元素下选择索引值为2的元素。

(3): th-child(3n):可以选择每个父元素下的索引值是3的倍数的元素。

(3): th-子元素(3n 1):可以选择每个父元素下索引值为3n 1的元素。

子元素过滤器选择器示例。

选择以下元素，并将其背景颜色更改为# bbffaa。

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

类为1的div父元素下的第一个子元素。

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

如果div的父元素下只有一个类为1的子元素，则选择该子元素。

对象属性过滤器选择器。

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

示例表单属性筛选器选择器。

使用jQuery对象的val()方法更改表单中可用输入元素的值，使用jQuery对象的val()方法更改表单中不可用输入元素的值。

使用jQuery对象的length属性获取多框中的选择数量。

使用jQuery对象的text()方法获取下拉框中选中的内容。

表单选择器

以上就是关于jQuery过滤器选择器的内容，非常详细，希望对朋友们有所帮助。