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>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.