not选择器的作用是匹配给定条件以外的所有元素,格式是:not(xxx),xxx表示给定的条件,在jQuery 1.3中,已经支持not选择器了,例如排除所有被选中的checkebox复选框,可以这样写。
html部分代码
<body> <div> <input type="checkbox" name="a"> <span>张三</span> </div> <div> <input type="checkbox" name="b"> <span>李四</span> </div> <div> <input type="checkbox" name="c" checked="checked"> <span>王五</span> </div> </body>
jquery not选择器代码示例
$("input:not(:checked)")jquery完整代码如下
<script>
$(function () {
//将所有之前没有选中的input下span标签背景颜色
$("input:not(:checked) + span").css( "background-color", "yellow" );
//将之前所有没有选中的input选中
$("input:not(:checked)").prop("checked",true);
});
</script>未使用not选择器运行之前如图。

运行之后效果如图。
