为什么[checked]也可以起到同样的作用?
$("input:not([checked])").next().css("background-color", "#CD00CD");
2017-05-29
代码中<input type="checkbox" name="c" checked="checked" />
[checked]是属性选择器,是上面代码中第一个checked。
例如:下面第个input去掉name属性,然后使用$("input:not([name])+p"),“其他”会有背景色
<div class="left"> <div> <input type="checkbox" name="a" /> <p>Aaron</p> </div> <div> <input type="checkbox" name="b" /> <p>慕课</p> </div> <div> <input type="checkbox" checked="checked" /> <p>其他</p> </div> </div> <script type="text/javascript"> //:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有name属性的input元素后的p元素,赋予颜色 $("input:not([name])+p").css("background-color", "#CD00CD"); </script>
举报