? ? ?$("input:not(:checked) + p").css("background-color", "#CD00CD");

這里選擇的是

<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"?name="c"?checked="checked"?/>
????????????<p>其他</p>
????????</div>
????</div>

里面沒(méi)有checked屬性的input元素的相鄰兄弟的p節(jié)點(diǎn)

<script?type="text/javascript">
????????//:not?選擇所有元素去除不匹配給定的選擇器的元素
????????//選中所有緊接著沒(méi)有checked屬性的input元素后的p元素，賦予顏色
????????$("input:not(:checked)+p").css("background-color",?"#CD00CD");
????</script>

注釋里其實(shí)已經(jīng)說(shuō)得很清楚了，:not選擇的是一個(gè)元素?cái)?shù)組，“input:not(:checked)”選擇的是兩個(gè)沒(méi)有選中的選項(xiàng)，所以他們的相鄰兄弟節(jié)點(diǎn)是兩個(gè)，沒(méi)毛病