為什么[checked]也可以起到同樣的作用?
$("input:not([checked])").next().css("background-color", "#CD00CD");
暮女神
2017-05-29
3 回答
舉報(bào)
0/150
提交
取消
2017-05-30
代碼中<input type="checkbox" name="c" checked="checked" />
[checked]是屬性選擇器，是上面代碼中第一個(gè)checked。
例如：下面第個(gè)input去掉name屬性，然后使用$("input:not([name])+p")，“其他”會(huì)有背景色
?<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>2017-06-17
$("[checked]") 選取所有帶有 checked 屬性的元素，你可以上網(wǎng)查下jquery []選擇器
2017-05-30
$("input:not([checked]) + p") ?等于 ?$("input:not([checked])").next() ；都是選擇了屬性checked = ‘checked’的 input標(biāo)簽下的 P標(biāo)簽，所以效果一樣