页面:
<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 选择器。