<div>
<input type="checkbox" name="c" checked="checked" />
<p>其他</p>
</div>
</div>
<script type="text/javascript">
//:not 选择所有元素去除不匹配给定的选择器的元素
//选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色
$("input:not(:checked)+p").css("background-color", "#CD3333");
</script>
为啥在(checked)后面+p呢,这个+是什么意思呢
就是运用了前面所学的内容,同个父节点下的相邻兄弟标签。
同个父节点下的相邻兄弟标签 如果把+换成~则为父节点下的所有兄弟标签了
请回看上一节的内容
+号选择器,是获取input:not(:checked)元素的相邻的p节点元素,请参考:
http://www.imooc.com/code/8342
就是对应上面注释里所说的"选中所有紧接着没有checked属性的input元素后的p元素",这里的+意思是同级的下个兄弟标签