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(){