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选择器运行之前如图。
运行之后效果如图。