jQuery :odd选择器
:odd选择器
jQuery的:odd选择器与其它基本选择器搭配使用,用于选择基本选择器选择到的HTML元素的集合中所有索引号为奇数的元素,注意,因为索引号从0开始,因此排序为偶数的元素会被选择。:odd选择器语法如下:
$('selector:odd')
提示:selector与:odd之间不需要空格。
jQuery :odd选择器实例代码
如下实例,索引号为奇数的,但是排序为偶数的HTML元素p将被选择,并通过button的点击处理函数,设置这些元素的字体颜色为green:
<p class="paragraph">段落1</p>
<p class="paragraph">段落2</p>
<p class="paragraph">段落3</p>
<p class="paragraph">段落4</p>
<p class="paragraph">段落5</p>
<p class="paragraph">段落6</p>
<button id="abc" class="btn">点击</button>
<script>
$("#abc").click(function(){
$(".paragraph:odd").css("color","green");
})
</script>
免责声明:内容仅供参考,不保证正确性!