jQuery在其中一个事件上做点什么

时间:2013-10-05 23:32:43

标签: javascript jquery events redundancy

其中一个事件发生时,我想使用jQuery执行单个操作,而不是如何优化此代码:

$("#selector").on('click', function(){
 alert(1);
});

$("#selector").on('hover', function(){
 alert(1);
});

$("#selector").on('blur', function(){
 alert(1);
});

你知道我要去哪里。基本上它是一个相同的功能,但它只是不同的触发器。有什么方法可以阻止我多余并将所有这些包装起来更简单吗?

2 个答案:

答案 0 :(得分:0)

$('#element').on('click hover blur', function() {
    ...
});

答案 1 :(得分:0)

使用多个选择器链接

$('#element').on('click hover blur', function() {
    ...
});

您还可以选择多个班级:

$('#foo, #bar, #element').on('click hover blur', function() {
    ...
});