jQuery中的遍歷方法是很常用的,在遍歷的過程中我們經常需要返回某些值,其中一個常用的返回值是on方法。on方法綁定事件處理程序,它可以把事件委托到新生成的元素上,它的返回值是一個對象,包含了一個方法和一個屬性。
$(selector).on(events,[data],function)
on方法有三個參數,分別為events,data和function。其中events是必選參數,可以是一個或多個事件類型,多個事件類型用空格隔開。data是可選參數,用于傳遞額外的數據給事件處理函數。function是必選參數,是事件處理函數。
var obj = $(selector).on(events,[data],function);
on方法的返回值是一個對象,包含了一個方法和一個屬性。其中方法是off方法,用于解除事件綁定。屬性是selector,表示選擇器字符串。
obj.off(events,[data],function);
例如,我們需要在頁面上綁定一個點擊事件并且得到這個事件對象,可以使用以下代碼:
$(selector).on('click', function(event){
console.log(event);
});
當我們點擊這個元素時,會在控制臺輸出事件對象,包括事件類型、事件源、鼠標坐標、鍵盤狀態等等。
使用on方法綁定事件處理程序,可以為動態生成的元素綁定事件,提高代碼的可維護性和頁面加載速度。