程序员教程

jQuery 过滤选择器

1. :first 和 :last过滤选择器

:first 过滤选择器用于选择第一个匹配的元素，而 :last 过滤选择器用于选择最后一个匹配的元素。

                // 选取第一个 <p> 元素
                $("p:first")

                // 选取最后一个 <p> 元素
                $("p:last")
                

以上代码将会分别选取第一个和最后一个 <p> 元素。

2. :even 和 :odd 过滤选择器

:even 过滤选择器用于选择索引为偶数的元素，而 :odd 过滤选择器用于选择索引为奇数的元素。

                // 选取索引为偶数的 <li> 元素
                $("li:even")

                // 选取索引为奇数的 <li> 元素
                $("li:odd")
                

以上代码将会分别选取索引为偶数和奇数的 <li> 元素。

3. :eq 过滤选择器

:eq(index) 过滤选择器用于选择索引为指定值的元素，其中 index 是从 0 开始的索引值。

                // 选取索引为 2 的 <div> 元素
                $("div:eq(2)")
                

以上代码将会选取索引为 2 的 <div> 元素（即第三个匹配的 <div> 元素）。

4. :gt 和 :lt 过滤选择器

:gt(index) 过滤选择器用于选择索引大于指定值的元素，而 :lt(index) 过滤选择器用于选择索引小于指定值的元素。

                // 选取索引大于 3 的 <li> 元素
                $("li:gt(3)")

                // 选取索引小于 5 的 <li> 元素
                $("li:lt(5)")
                

以上代码将会分别选取索引大于 3 和小于 5 的 <li> 元素。

通过灵活运用过滤选择器，你可以根据特定的条件对选中的元素进行进一步过滤和筛选。这样能够更精确地选取出你所需的元素，并对其进行相应的操作和处理。