技术频道


jQuery 事件绑定多个元素

1. 用逗号分隔多个 ID 或类的选择器:


$('#id1, #id2').click(function() {
    // 事件处理代码
});

$('.class1, .class2').click(function() {
    // 事件处理代码
});

这种方式会将点击事件绑定到具有 id1 和 id2 的元素上。

2. 使用 .on() 方法,并指定事件委托:


$(document).on('click', '#id1, #id2', function() {
    // 事件处理代码,使用 .on() 是最新推荐的方法(jQuery 1.7+)
});

这种方式使用事件委托,可以在文档加载后动态添加的元素上也能触发事件。

3. 使用对象形式传递多个事件:


$('#element').on({
    click: function() {
        // 点击事件处理
    },
    change: function() {
        // 变化事件处理
    }
});

4. 分别绑定事件,区分不同事件:


$('#element')
    .on('click', function() {
        // 点击事件处理
    })
    .on('change', function() {
        // 变化事件处理
    });
 

CommandNotFound ⚡️ 坑否 - 其他频道扩展阅读:



发表评论