jQuery中的on()方法是一個非常強大的事件綁定方法,可以用于綁定多種事件,包括click、mouseover、keydown等等。此外,on()方法還支持動態綁定,也就是說可以對尚未出現的元素進行綁定,這種動態綁定特性非常有用。
$(document).on('click', '.btn', function(){ console.log('點擊了btn按鈕'); });
上述代碼中的on()方法綁定了一個click事件,當用戶點擊頁面中任意一個.btn元素時,on()方法將會執行函數內的邏輯,即打印出‘點擊了btn按鈕’。
需要注意的是,與以往的事件綁定方法不同,on()方法綁定的事件適用于整個頁面文檔,而不僅僅是某個DOM元素。
同時,在on()方法中,第二個參數可以使用任何選擇器,包括class、id、標簽名等,這意味著可以根據具體需求進行事件綁定,非常靈活。
$('#list').on('click', 'li', function(){ console.log('點擊了列表項'); });
上述代碼中的on()方法綁定了一個click事件,但初始時并沒有列表項。隨著用戶不斷的新增列表項,這些列表項也將具備了click事件。
總之,on()方法是一個十分有用的方法,無論是在綁定靜態還是動態事件,都有其廣泛的應用場景。