                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

为什么[checked]也可以起到同样的作用?

$("input:not([checked])").next().css("background-color", "#CD00CD");

暮女神

2017-05-29

源自：jQuery基础 (一)—样式篇 2-7

关注问题我要回答

1471

操作

收起

3 回答

慕粉2350419715 回答被采纳 +3 积分
2017-05-30

代码中<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>