jQuery :last选择器

:last选择器

jQuery的:last选择器与其它的选择器(一般不限类型)搭配使用,可以用于二次选择其它选择器匹配选择到的HTML元素中的最后一个。:last选择器语法如下:

$('selector:last')

提示:在书写代码的时候,selector与:last之间一般没有空格。

jQuery :last选择器实例代码

如下实例,class类属性选择器abc选择了三个元素p,之后使用:last选择器进行二次选择其最后一个元素,并使用hide()对其进行隐藏:

<p class="abc">段落1</p>
<p class="abc">段落2</p>
<p class="abc">段落3</p>

<button id="bt1" class="btn">点击</button>

<script>
   $("#bt1").click(function(){
     $(".abc:last").hide();
   })
</script>

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


全栈前端 / jQuery教程 :






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