最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

not选择器使用|jquery教程

JS/CSS admin 浏览 评论

 not选择器的作用是匹配给定条件以外的所有元素,格式是:not(xxx),xxx表示给定的条件,在jQuery 1.3中,已经支持not选择器了,例如排除所有被选中的checkebox复选框,可以这样写。

html部分代码

<body>
<div>
    <input type="checkbox" name="a">
    <span>张三</span>
</div>

<div>
    <input type="checkbox" name="b">
    <span>李四</span>
</div>

<div>
    <input type="checkbox" name="c" checked="checked">
    <span>王五</span>
</div>
</body>

jquery not选择器代码示例

$("input:not(:checked)")

jquery完整代码如下

<script>
$(function () {
    //将所有之前没有选中的input下span标签背景颜色
    $("input:not(:checked) + span").css( "background-color", "yellow" );
    //将之前所有没有选中的input选中
    $("input:not(:checked)").prop("checked",true);
});
</script>

未使用not选择器运行之前如图。

QQ截图20171017164214.jpg

运行之后效果如图。

QQ截图20171017164305.jpg

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/1017/295.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论