jQuery的on事件是用來綁定事件的,它可以綁定多個事件類型,而且可以為動態元素綁定事件。下面我們來看一些示例:
$('#btn').on('click mouseenter', function() { // do something });
上面的代碼表示給id為btn的元素綁定了click和mouseenter兩種事件,當用戶點擊或將鼠標移動到該元素時,就會執行函數里面的代碼。
除了可以綁定多個事件類型,on事件還可以為動態元素綁定事件,即頁面初始時不存在,但后來通過其他代碼添加進來的元素。下面我們來看一個例子:
$('#list').on('click', 'li', function() { // do something });
上面的代碼表示給id為list的元素下的所有li元素綁定了click事件,這些li元素可能是在頁面初始化時就存在的,也可能是通過js代碼添加的。無論是哪種情況,只要是id為list的元素下的li元素,都會觸發click事件。
總結一下,jQuery的on事件很常用,它可以綁定多個事件類型,也能為動態元素綁定事件,帶來了很大的方便性。
上一篇每次刷新網頁的css