javascript - jquery on() 用于多元素和多函数

Question

我是 jquery 或 javascript 的初学者。我想知道是否有为多个元素和多个功能编写点击事件的方法。

例如，我有很多按钮，单击时会执行不同的功能。是否有办法将所有功能包含在 1 click 事件中？就像“点击文档”一样，“button1”将执行“function ...”，“button2”将执行“function ...”。

更像是开关盒风格？

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
    });