Jquery的on方法是用于設置事件監聽器的,通過調用該方法,可以為一個或多個元素添加指定事件的監聽器,當事件觸發時,執行指定函數。
$(document).on(eventName,selector,function(){ //執行的函數 });
該方法的基本結構如上所示,其中有三個參數需要傳入:
- eventName:必填項,指定要監聽的事件名稱,如click、mousemove等。
- selector:可選項,指定要監聽的元素選擇器,如果不傳入此參數,則監聽整個文檔對象。
- function:必填項,指定當事件觸發時要執行的函數。
當頁面中有指定事件觸發時,jquery會從選擇器匹配的元素開始,沿著dom樹向上查找,直到找到符合條件的目標元素,然后執行指定的函數。
對于動態添加的元素,使用on方法能夠自動綁定監聽事件,而不需要重新綁定。這是因為on方法實際上是通過事件委托來實現的,即所有的事件都是在一個父級元素中被監聽,而不是在指定的子元素中。
使用on方法能夠減少代碼量,提高代碼的可維護性,同時能夠避免重復綁定事件,從而提高網頁性能。
上一篇正方形斜一個角css