:not() 选择器| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理

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查看示例。

如果你觉得本文档对你有用,欢迎给翻译作者支付宝打赏,支持翻译作者源源不断翻译更多有用的技术文档。