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

not选择器使用|jquery教程

JS/CSS admin 0浏览 评论

 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/295.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论