为了账号安全,请及时绑定邮箱和手机立即绑定

关于$(":not(selector)")选择器的问题

<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呢,这个+是什么意思呢

正在回答

5 回答

就是运用了前面所学的内容,同个父节点下的相邻兄弟标签。

0 回复 有任何疑惑可以回复我~

同个父节点下的相邻兄弟标签 如果把+换成~则为父节点下的所有兄弟标签了

0 回复 有任何疑惑可以回复我~

请回看上一节的内容

0 回复 有任何疑惑可以回复我~

+号选择器,是获取input:not(:checked)元素的相邻的p节点元素,请参考:

http://www.imooc.com/code/8342

1 回复 有任何疑惑可以回复我~

就是对应上面注释里所说的"选中所有紧接着没有checked属性的input元素后的p元素",这里的+意思是同级的下个兄弟标签

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于$(":not(selector)")选择器的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信