jQuery :even选择器

:even选择器

如下语法，jQuery的:even选择器一把不单独使用，通常与其它种类的选择器selector（一般为基本选择器）搭配使用，其主要的用于就是对基本选择器选择到的HTML元素的集合进行二次选择，而且选择的是索引为偶数的元素。:even选择器语法如下：

$('selector:even')

提示：selector与:even之间不需要空格。

重点提示：计算机编程语言中的索引是从0开始，表示集合中的第一个元素。

jQuery :even选择器实例代码

如下实例，通过基本的class类属性选择器example选择了所有的六个p元素，并使用:even选择器进行二次选择其中索引为偶数的p元素，然后设置CSS属性，注意，是索引为偶数，而不是排序，而索引是从0开始的，因此，段落1、3、5会被匹配选择：

<p class="example">段落1</p>
<p class="example">段落2</p>
<p class="example">段落3</p>
<p class="example">段落4</p>
<p class="example">段落5</p>
<p class="example">段落6</p>

<button id="xyz" class="btn">点击</button>

<script>
   $("#xyz").click(function(){
     $(".example:even").css("font-size","3em");
   })
</script>

免责声明：内容仅供参考，不保证正确性！

hot：热门