:not() 选择器| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理
From jQuery API 2.2.0
: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>
演示结果
如果网页上不能运行示例,请点击http://www.asprain.cn/jQueryAPI/not-selector.htm查看示例。
如果你觉得本文档对你有用,欢迎给翻译作者支付宝打赏,支持翻译作者源源不断翻译更多有用的技术文档。