jQuery :eq()选择器

:eq()选择器语法

$('selector:eq(index)')

:eq()选择器语法解析

如上语法,jQuery中:eq()选择器,会将selector选择器所匹配选择到的HTML元素组合成一个有序的元素集合,然后通过:eq()中的参数index,即索引,来选择该元素集合中的元素。索引从0开始,表示第一个元素。

:eq()选择器实例代码

如下实例代码,通过:eq()类型的选择器,匹配选择class属性值为z的p元素集合中的第二个p元素,其中index的值为1:

<p class="z">p1</p>
<p class="z">p2</p>
<p class="z">p3</p>


<button id="test" class="btn">jQuery</button>

<script>
  $('#test').click(function(){
    $('.z:eq(1)').css("font-size","3.5em");
  })
</script>

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


全栈前端 / jQuery教程 :






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