jquery 选择器 :not(filter)

最新推荐文章于 2021-09-04 18:55:28 发布

iteye_2604

最新推荐文章于 2021-09-04 18:55:28 发布

阅读量560

点赞数

分类专栏： jQuery 文章标签： jQuery CSS HTML C C++ ViewUI

jQuery 专栏收录该内容

95 篇文章

订阅专栏

本文介绍如何利用jQuery选择器来选取HTML页面上未被选中的复选框，并对其后的标签元素应用样式更改。通过示例展示了如何针对未被选中的特定元素执行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

:not(filter)

匹配集合中没有满足过滤要求的元素集合。返回匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("input:not(:checked) + span").css("background-color", "yellow");
    $("input").attr("disabled", "disabled");

  });
  </script>
  
</head>
<body>
  <div>
    <input type="checkbox" name="a" />
    <span>Mary</span>
  </div>
  <div>
    <input type="checkbox" name="b" />
    <span>lcm</span>
  </div>
  <div>
    <input type="checkbox" name="c" checked="checked" />
    <span>Peter</span>
  </div>
</body>
</html>

$("input:not(:checked) + span").css("background-color", "yellow");

匹配input元素集合中没有被checked的input元素集合。以下为匹配集合