[jQuery]绑定多个选择器和多个事件

[jQuery]绑定多个选择器和多个事件

作者: 梦飞

乐享生活,分享极致

手机扫码查看

标签:

JQuery

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

使用JQ时,需要给同一个对象绑定多个事件,如果每个事件的代码都写一遍,就太浪费空间了,那么jquery能不能同时绑定多个事件呢?

jquery在1.7版本后,建议大家用on方法代替之前的bind、live、delegate等方法。

on(events,[selector],[data],fn)
events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略,当它到达选定的元素,事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。

绑定多个选择器

$(document).on('click', '#header a, #sidebar a, #footer a', function () {
     // code...
});

绑定多个事件

$("table tr").on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    },
    click: function() {
        // Handle click...
    }
}, "td");

同时绑定多个选择器和多个事件

$(document).on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    },
    click: function() {
        // Handle click...
    }
}, '#header a, #sidebar a, #footer a');
分享到:
打赏
已经过原作者转载许可:

转载地址:http://www.inlojv.com/4630.html

评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏