
not(selector)
描述: 从匹配的元素集合中移除指定的元素。
如果提供的jQuery对象代表了一组DOM元素,not()方法构建一个新的匹配元素的jQuery对象,用于存放筛选后的元素。所提供的选择器是对每个元素进行测试;如果元素不匹配的选择将包括在结果中。
从jQuery 14开始,not()方法可以接受一个函数作为参数,这和filter()方式是一样。如果该函数返回 true,那么当前元素就不会包含在结果中。
例子:
<ul><li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>$('li')not(':even')css('background-color', 'red');
此调用的结果是列表项2和4背景色变成红色,因为它们不匹配选择(记得:even 和 :odd使用基于0的索引),:even为偶数项,not(:even)即奇数项,但索引从0开始,里面item2索引为1
1
基本选择器
$(#id)
根据给定的id匹配一个元素
$(class)
根据给定的类名匹配元素
$(element)
根据给定的元素名匹配元素
$()
匹配所有元素
$(selector1,selector2,,selectorN)
将每一个选择器匹配到的元素合并后一起返回
2
层次选择器
$("ancestor
descendant")
选取ancestor元素里的所有descendant(后代)元素
$("parent
>
child")
只选取parent元素下的child(子层级)元素,与$("ancestor
descendant")有区别,前者选择所有后代元素(含且不限于子层级)
$('prev
+
next')
选取紧接在prev元素后的next元素
$('prev
~
siblings')
选取prev元素之后的next元素
3
过滤选择器
31
基本过滤选择器
$("selector:first")
选取第一个元素
$("selector:last")
选取最后一个元素
$("selector:not(selector2)")
去除所有与给定选择器匹配的元素
$("selector:even")
选取索引是偶数的所有元素,索引从0开始
$("selector:odd")
选取索引是奇数的所有元素,索引从0开始
$("selector:eq(index)")
选取索引等于index的元素,index从0开始
$("selector:gt(index)")
选取索引大于index的元素,index从0开始
$("selector:lt(index)")
选取索引小于index的元素,index从0开始
$(":header")
选取所有的标题元素,如h1,h2,h3等等
$(":animated")
选取当前正在执行动画的所有元素
32
内容过滤选择器
$(":contains(text)")
选取含有文本内容为"text"的元素
$(":empty")
选取不包含子元素或者文本的空元素
$(":has(selector2)")
选取含有选择器所匹配的元素的元素
$(":parent")
选取含有子元素或者文本的元素
33
可见性过滤选择器
$(":hidden")
选取所有不可见的元素
$(":visible")
选取所有可见的元素
34
属性过滤选择器
$("selector[attribute]")
选取拥有此属性的元素
$("selector[attribute=value]")
选取属性的值为value的元素
$("selector[attribute!=value]")
选取属性的值不等于value的元素
$("selector[attribute^=value]")
选取属性的值以value开始的元素
$("selector[attribute$=value]")
选取属性的值以value结束的元素
$("selector[attribute=value]")
选取属性的值含有value的元素
$("selector[selector2][selectorN]")
用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围,如$("div[id][title$='test']")选取拥有属性id,并且属性title以"test"结束的<div>元素
35
子元素过滤选择器
$(":nth-child(index/even/odd/equation)")
选取每个父元素下的第index个子元素或者奇偶元素,index从1算起
$("selector:first-child")
选取每个父元素的第一个子元素
$("selector:last-child")
选取每个父元素的最后一个子元素
$("selector:only-child")
如果某个元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其他元素,则不会被匹配
36
表单对象属性过滤选择器
$("selector:enabled")
选取所有可用元素
$("selector:disabled")
选取所有不可用元素
$("selector:checked")
选取所有被选中的元素(radio,checkbox)
$("selector:selected")
选取所有被选中的选项元素(select)
4
表单选择器
$(":input")
选取所有的<input>,<textarea>,<select>,<button>元素
$(":text")
选取所有的单行文本框
$(":password")
选取所有的密码框
$(":radio")
选取所有的单选框
$(":checkbox")
选取所有的复选框
$(":submit")
选取所有的提交按钮
$(":image")
选取所有的图像按钮
$(":reset")
选取所有的重置按钮
$(":button")
选取所有的按钮
$(":file")
选取所有的上传域
$(":hidden")
选取所有不可见元素
jQuery提供了强大的选择器让我们获取对象。在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件。选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对象
1选择对象
1)基本
·#id 根据给定的ID匹配一个元素。例如:$("#id")
·element 根据给定的元素名匹配所有元素。例如:$("div")
·class 根据给定的类匹配元素。例如:$("style1");
· 匹配所有元素。例如:$("")
·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如:$("#id,div,style1")
2)表单
·:button 匹配所有按钮。例如:$(":button")
·:checkbox 匹配所有复选框。例如:$(":checkbox")
·:file 匹配所有文件域。例如:$(":File")
·:hidden 匹配所有不可见元素,或者type为hidden的元素。例如:$("input:hidden")
·:image 匹配所有图像域。例如:$(":image")
·:input 匹配所有 input, textarea, select 和 button 元素。例如:$(":input")
·:password 匹配所有密码框。例如:$(":password")
·:radio 匹配所有单选按钮。例如:$(":radio")
·:reset 匹配所有重置按钮。例如:$(":reset")
·:submit 匹配所有提交按钮。例如:$(":submit")
·:text 匹配所有的单行文本框。例如:$(":text")
·:header 匹配如 h1, h2, h3之类的标题元素。例如:$(":header")css("background", "#EEE");
2筛选条件
1)属性筛选
·[attribute=value] 匹配给定的属性是以包含某些值的元素。例如:$("input[name='man'")
·[attribute!=value] 匹配所有含有指定的属性,但属性不等于特定值的元素。例如:$(input[name!='man');
·[attribute$=value] 匹配给定的属性是以某些值结尾的元素。例如:$("input[name$='man']")
·[attribute=value] 匹配给定的属性是某个特定值的元素。例如:$("input[name='man']");
·[attribute] 匹配包含给定属性的元素。例如:$("div[id]")
·[attribute^=value] 匹配给定的属性是以某些值开始的元素。例如:$("input[name^='man']")
·[selector1][selector2][selectorN] 同时满足多个条件。例如:$("input[id][name$='man']")
·:hidden 匹配所有的不可见元素。例如:$("tr:hidden")
·:visible 匹配所有的可见元素。例如:$("tr:visible")
·:checked 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)。例如:$("input:checked")
·:disabled 匹配所有不可用元素。例如:$("input:disabled")
·:enabled 匹配所有可用元素。例如:$("input:enabled")
·:selected 匹配所有选中的option元素。例如:$("select option:selected")
2)内容筛选
·:contains(text) 匹配包含给定文本的元素。例如:$("div:contains('John')")
·:empty 匹配所有不包含子元素或者文本的空元素。例如:$("td:empty")
·:has(selector) 匹配含有选择器所匹配的元素的元素。例如:$("div:has(p)");
·:parent 匹配含有子元素或者文本的元素。例如:$("td:parent")
3)层级筛选
·ancestor descendant 在给定的祖先元素下匹配所有的后代元素。例如:$("form input")
·parent > child 在给定的父元素下匹配所有的子元素。例如:$("form > input")
·prev + next 匹配所有紧接在 prev 元素后的 next 元素。例如:$("label + input")
·prev ~ siblings 匹配 prev 元素之后的所有 siblings 元素。例如:$("form ~ input")
·:first-child 匹配第一个子元素。例如:$("ul li:first-child")
·:last-child 匹配最后一个子元素。例如:$("ul li:last-child")
·:nth-child(index/even/odd/equation) 匹配其父元素下的第N个子或奇偶元素。例如:$("ul li:nth-child(2)")
·:only-child 如果某个元素是父元素中唯一的子元素,那将会被匹配。例如:$("ul li:only-child")
4)方法筛选
·:animated 匹配所有正在执行动画效果的元素。例如:$("div:animated");
·:eq(index) 匹配一个给定索引值的元素。例如:$("tr:eq(1)")
·:even 匹配所有索引值为偶数的元素,从 0 开始计数。例如:$("tr:even")
·:first 匹配找到的第一个元素。例如:$("tr:first")
·:gt(index) 匹配所有大于给定索引值的元素,从 0 开始计数。例如:$("tr:gt(0)")
·:last 匹配找到的最后一个元素。例如:$("tr:last")
·:lt(index) 匹配所有小于给定索引值的元素。例如:$("tr:lt(2)")
·:not(selector) 去除所有与给定选择器匹配的元素。例如:$("input:not(:checked)")
·:odd 匹配所有索引值为奇数的元素,从 0 开始计数。例如:$("tr:odd")
:even
$("tr:even")
所有偶数
<tr>
元素
:odd
$("tr:odd")
所有奇数
<tr>
元素
建议
找不到东西的时候
去
w3c
查查手册
以上就是关于jquery中not的用法:全部的内容,包括:jquery中not的用法:、锋利的jQuery 要点归纳(一) jQuery选择器、jquery的筛选有哪些等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)