2回答

• 

  荒魂轮廻

  2017-09-02 11:21:10

       $("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>

  里面没有checked属性的input元素的相邻兄弟的p节点

  0 0
• 

  初夏233

  2017-07-26 00:44:50

  <script type="text/javascript">
          //:not 选择所有元素去除不匹配给定的选择器的元素
          //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色
          $("input:not(:checked)+p").css("background-color", "#CD00CD");
      </script>

  注释里其实已经说得很清楚了，:not选择的是一个元素数组，“input:not(:checked)”选择的是两个没有选中的选项，所以他们的相邻兄弟节点是两个，没毛病

  0 0