jquery on（）多元素和多功能

Question

我是jQuery或JavaScript的初學者。我想知道是否有寫多個元素和多個函數的點擊事件。

例如，我有很多按鈕可以在點擊時執行不同的功能。 是否有包含1點擊事件中的所有功能？像「單擊文件」，「button1」將做「功能...」，「button2」將做「功能...」。

更像一個開關盒樣式??

Answer 1

你可能這樣做，是的，但它不是最佳實踐。它看起來像這樣：

$(document).on("click", "button", function() { 
    switch (this.id) { // (Or whatever you want to use to differentiate the buttons) 
     case "button1": 
      // Do button1's stuff 
      // ... 
      break; 
     case "button2": 
      // Do button2's stuff 
      // ... 
      break; 
     // ...and so on... 
    } 
}); 

但是使用單獨的處理程序要好得多。

$(document) 
    .on("click", "#button1", function() { // Again, it doesn't have to be an id... 
     // button1's stuff here 
    }) 
    .on("click", "#button2", function() { // ...just whatever differentiates the buttons 
     // button2's stuff here 
    });