我在internet上读到了这篇文章-
“ID”在页面中是唯一的，最多只能应用于一个元素
但是如果我在CSS中使用选择器，它对每个元素都有效。
index.html
<button id="button1">Button 1</button>
<button id="button1">Button 2</button>
<button id="button1">Button 3</button>
<button id="button1">Button 4</button>
style.css
#button1{
color: red;
}
输出:
但是js只绑定了第一个。
script.js
$('#button1').click((value) => {
console.log("clicked");
});
谁能解释一下，为什么会发生这种事？ 它是如何运作的？
每个元素的ID都是唯一的，不能在多个元素上使用相同的ID。 如果您确实想使用单个代码块对不同元素执行操作，请尝试使用类
<button class="button"></button>
<button class="button"></button>
<button class="button"></button>
在CSS中:
.button {
//css goes here
}
在javascript（jquery）中:
$('.button').onclick = ......
