18910140161

从jq选择器中排除$(this)的工作方法

顺晟科技

2021-06-28 16:57:32

403

写jq脚本时遇到了需要排除当前触发元素事件的方法,就适用了 not() 方法,由于之前很少使用,对它也不甚了解。今天就索性详细的介绍一下。

jq遍历 not() 方法

not():从一个匹配元素集合中删除指定的元素。

语法:

.not(selector)

参数:

selector:匹配元素选择器的表达式。

jq中 not() 方法的使用方法

例:

<p>我是段!</p>
<p id="nocolor">我是第二段!</p>
<p>我是第三段!</p>
<p>顺晟科技博客!</p>
<script>
// 排除 id 为 nocolor 的P标签,不改其文字颜色!
$('p').not('#nocolor').css('color','red');
</script>

运行图示:

jq中 not() 方法的使用方法

jq中 not() 方法排除当前 $(this) 触发元素

例:

<p>我是段!</p>
<p>我是第二段!</p>
<p>我是第三段!</p>
<p>顺晟科技博客!</p>
<script>
//点击p标签时,除了被点击的P标签,其它的文字都会变红!
$('p').on('click',function(){
    $('p').not($(this)).css('color','red');
});
</script>

运行图示:

jq中 not() 方法排除当前 $(this) 触发元素

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航