全国统一咨询热线:18609840880

jquery 选择器:not用法

2016-04-12 11:22:06

<body>
        <input name="apple" />
        <input name="orange" />
        <input name="flower" checked="checked" />
</body>
<script type="text/javascript">
    $(function(){
            $('input:not(:checked)').each(function(){
                    alert(this.name);
             });
    });
</script>
 为什么把所有的input都打印出来了?应该是未checked的才打印呢? 看看下面就明白了:

  1. <body>
  2.          <input type="checkbox" name="apple" />
  3.          <input type="checkbox" name="orange" />
  4.          <input type="checkbox" name="flower" checked="checked" />
  5. </body>
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
  7. <script type="text/javascript">
  8.      $(function(){
  9.             $("input:not(:checked)").each(function(){
  10.                      alert(this.name);
  11.               });
  12.      });
  13. </script>