jQuery 相同id绑定相同事件

 页面:

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .delete{
                width: 50px;
                height: 50px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        <div class="delete" id="delete"></div>
        <div class="delete" id="delete"></div>
    </body>
$(function(){
   $("#delete").click(function(){
    alert("哈哈");
   });
  });

发现在这个时候只能让第一个id为delete的内容绑定点击事件。

然后想能不能通过each来使得每个delete绑定点击事件

$(function(){
   $("#delete").each(function(){
    alert("哈哈");
   });
  });

仍然不可以。

最后

$(function(){
   $("[id = delete]").click(function(){
    alert("hi");
   });
  });

这下为每个delete绑定了点击事件。

仔细想想,html页面确实不应该有相同id的元素,还是用class合理些。

当只需要选择一个元素时,使用ID选择器,如果需要选择具有相同 CSS class的元素,就要用class 选择器。

猜你喜欢

转载自blog.csdn.net/lwang_IT/article/details/83791411
今日推荐