jQuery :not()选择器

:not()选择器语法

$('selector1:not(selector2)')

:not()选择器语法解析

如上语法,jQuery中的:not()选择器,可以用于排除selector1选择器匹配选择到的所有元素中selector2选择到的元素,比如p元素选择到了当前HTML文档中所有的p元素,然后通过:not(.xyz)的选择器排除了这些p元素中所有class属性值为xyz的元素,剩下的所有p元素即为被选择到的元素,具体的可参考下方实例代码。

:not()选择器实例代码

下方的实例代码,通过类选择器匹配选择了类属性值为abc的所有元素,然后通过:not(span)选择器排除了这些元素中的span元素:

<p class="abc">p</p>
<span class="abc">span</span>
<div class="abc">div</div>

<button id="test" class="btn">确定</button>

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

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


全栈前端 / jQuery教程 :






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