jQuery过滤选择器:not()方法使用介绍
2018-10-12 14:02
656 查看
jQuery(':not(selector)')
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a)
那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色.
:not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛选出正确的结果,简单的说我们有如下代码:
我们分析下上面的代码,我们要获取selector1的元素,但可能我不需要全部,怎么办,通过:not()方法来过滤,如果selector1的集合中有#1,#2,#3,#4
我们的selector2就是要过滤掉#4,上面的代码我们最终将获得#1,#2,#3
再举几个列子
在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()方法使用介绍
- jQuery过滤选择器:not()方法使用介绍
- jQuery过滤选择器:not()方法介绍
- jQuery 选择器多个使用方法介绍
- jQuery过滤选择器:not()方法
- jquery选择器原理介绍($()使用方法)
- jQuery基本过滤选择器使用介绍
- jQuery基本过滤选择器使用介绍
- jquery选择器原理介绍($()使用方法)
- 使用Asp.net Mvc3 Razor视图方式扩展JQuery UI Widgets方法介绍
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- 使用jQuery内容过滤选择器选择元素实例讲解
- jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
- jQuery事件 delegate()使用方法介绍
- jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
- 使用jQuery基本过滤选择器
- jQuery基本选择器选择元素使用介绍
- jquery选择器的使用方法
- JQuery的常用选择器、过滤器、方法祥细介绍
- jQuery层次选择器选择元素使用介绍