jQuery :gt()选择器

:gt()选择器语法

$('selector:gt(index)')

:gt()选择器语法解析

jQuery代码遇到如上语法中的选择器时,会将选择selector所匹配到的HTML元素,并组成一个有序的可以进行索引的元素集合,之后,通过:gt(index)进行二次选择索引大于index的所有元素。

:gt()选择器实例代码

如下实例代码,设计了一个列表,并通过".ul li:eq()"选择器选择了索引大于1的所有li的元素,注意,选择器是".ul",是个class属性值,之所以这样设置,是为了与当前页面中其它的ul元素区分开来:

<ul class="ul">
  <li>jQuery</li>
  <li>JavaScript</li>
  <li>Python</li>
  <li>C语言</li>
  <li>C++</li>
  <li>Java</li>
</ul>


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

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

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


全栈前端 / jQuery教程 :






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