jquery中not的用法:

jquery中not的用法:,第1张

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的筛选有哪些等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9311621.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存