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>
免责声明:内容仅供参考,不保证正确性!