jquery on()
语法
$(selector).on(event,childSelector,data,function)
第二个参数为选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素【注意】。如果选择器是 null 或者忽略了该选择器,那么被选中的元素总是能触发事件。
1.绑定多个事件
$("table.planning_grid").on({
mouseenter: function() {
// Handle mouseenter...
},
mouseleave: function() {
// Handle mouseleave...
},
click: function() {
// Handle click...
}
}, "td");
2.绑定多个选择器、多个事件
$(document).on({
mouseenter: function() {
// Handle mouseenter...
},
mouseleave: function() {
// Handle mouseleave...
},
click: function() {
// Handle click...
}
}, '#header .fixed-feedback-bn, #sb-sec .feedback-bn');
3.选择器不选择某一元素
var divs=$("div").not("#div1");//获取除id为div1的所有div
例子:
//改造前
$(".inputTable").on("click", "th",function(){
//改造后
var x=$(".inputTable th").not("#qr"); //二维码不可选
x.on("click", function(){