:not() 选择器
not selector
描述:选择所有的不匹配给定选择器的元素。
加入于: 1.0
jQuery( ":not(selector)" )selector: 一个用来筛选的选择器。
在:not()
内部,所有的选择器都是可接受的,比如说,:not(div a)
和:not(div,a)
。
其它说明
比起向:not()
选择器筛选器推加复杂的选择器或者变量,.not()
方法会给你带来更可读的选择器。在大多数情况下,它是一个更好的选择。
示例
找到所有没有勾选中的<input>元素,并高亮下一个同辈<span>。注意,当点击勾选框时,不会有改变,因为没有把任何处理函数绑定点击事件上。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>not demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div> <input type="checkbox" name="a"> <span>Mary</span> </div> <div> <input type="checkbox" name="b"> <span>lcm</span> </div> <div> <input type="checkbox" name="c" checked="checked"> <span>Peter</span> </div> <script> $( "input:not(:checked) + span" ).css( "background-color", "yellow" ); $( "input").attr( "disabled", "disabled" ); </script> </body> </html>
演示结果