手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery过滤选择器:not()方法使用介绍
jQuery过滤选择器:not()方法使用介绍
摘要:jQuery(':not(selector)')在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个...

jQuery(':not(selector)')

在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a)

复制代码 代码如下:

<p >"a">sdfsdfs</p>

<p >"b">sdfsdfs</p>

<p >"c">sdfsdfs</p>

$("p:not(.a)").css({"color":"red"})

那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色.

:not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛选出正确的结果,简单的说我们有如下代码:

复制代码 代码如下:

$("selector1:not(selector2)")

我们分析下上面的代码,我们要获取selector1的元素,但可能我不需要全部,怎么办,通过:not()方法来过滤,如果selector1的集合中有#1,#2,#3,#4

我们的selector2就是要过滤掉#4,上面的代码我们最终将获得#1,#2,#3

再举几个列子

复制代码 代码如下:

$(‘li:not(:only-child)')//匹配所有的li,除了只有一个子元素的

$(‘li:not(:first-child)');//匹配除了在他父元素中是第一个子元素的LI

$("li :not(:first)").hide();//隐藏除了第一个LI外的所有LI

【jQuery过滤选择器:not()方法使用介绍】相关文章:

JavaScript中的fontsize()方法使用介绍

JavaScript中的toUTCString()方法使用详解

JavaScript中strike()方法的使用介绍

JQuery中Text方法用法实例分析

jQuery预加载图片常用方法

JavaScript中fixed()方法的使用简介

jQuery实现dialog设置focus焦点的方法

简介JavaScript中toTimeString()方法的使用

JavaScript中的sub()方法的使用介绍

jQuery切换所有复选框选中状态的方法

精品推荐
分类导航