Javascript 对多个div应用相同的更改函数？

将函数绑定到多个div的最佳方法是什么

$('#trigger1').change(function(){
   // same code
});

$('#trigger3').change(function(){
   // same code
});

或者使用类（imo类是最好的方式）

或者使用类（imo类是最好的方式）

---

您可以在同一个函数调用中包含多个ID：

$('#trigger1, #trigger3').change(function(){
   // code goes here
});

或者您可以给他们相同的类，例如triggerClass，然后这样称呼它：

$('.triggerClass').change(function(){
   // code goes here
});

---

您可以在同一个函数调用中包含多个ID：

$('#trigger1, #trigger3').change(function(){
   // code goes here
});

或者您可以给他们相同的类，例如triggerClass，然后这样称呼它：

$('.triggerClass').change(function(){
   // code goes here
});

---

将公共类名添加到这些div

<div class="myClass" id="trigger1">
</div>

<div class="myClass"  id="trigger2">
</div>

---

将公共类名添加到这些div

<div class="myClass" id="trigger1">
</div>

<div class="myClass"  id="trigger2">
</div>

---

只需将同一类应用于所有元素，然后编写

$('.classname').change(function(){

});

---

只需将同一类应用于所有元素，然后编写

$('.classname').change(function(){

});

你可以用

$('#trigger1, #trigger3').change(function(){
   same code
});

要对触发器进行分组，可以使用

$('#trigger1, #trigger3').change(function(){
   same code
});

要对触发器进行分组，请添加一个公共类：

<div class="rowTrigger">trigger 1</div>
<div class="rowTrigger">trigger 2</div>

每个“rowTrigger”都将在“click”处理程序上触发，这可以更改为其他或多个事件。看见 更多细节。 例如，可以通过将“body”更改为“table”来更改所处理事件的范围，因此仅当单击表中的那些“div”行时才会触发

更简单地说，它可以写成（为“点击”和“悬停”而开火……但你明白了）：

添加一个公共类：

<div class="rowTrigger">trigger 1</div>
<div class="rowTrigger">trigger 2</div>

每个“rowTrigger”都将在“click”处理程序上触发，这可以更改为其他或多个事件。看见 更多细节。 例如，可以通过将“body”更改为“table”来更改所处理事件的范围，因此仅当单击表中的那些“div”行时才会触发

更简单地说，它可以写成（为“点击”和“悬停”而开火……但你明白了）：