jQuery中的on()方法,是用來在指定元素上綁定一個或多個事件的方法。它的用法有很多種,其中比較常見的是指定事件類型和事件處理程序的方式。
該方法的基本語法如下:
$(selector).on(event, childSelector, data, handler);
其中,selector代表要綁定事件的元素,event代表要綁定的事件類型,childSelector是可選的,如果指定了此參數,則只有符合這個選擇器的子元素才會觸發事件,data是可選的,它可以是任意值,用來傳遞給事件處理程序,handler代表事件處理程序。
如果不指定childSelector和data,則可以使用以下簡潔的方式綁定事件:
$(selector).on(event, handler);
在一些使用場景下,我們需要在當前元素上綁定一個事件,然后在事件處理程序中訪問當前元素。這時就需要使用on()方法中this的特性了。例如:
$(selector).on('click', function() { console.log($(this).text()); });
上述代碼中,當用戶點擊了指定元素時,代碼會打印出當前元素的文本內容。這是因為在事件處理程序中,this指向當前元素,因此可以通過$(this)來訪問當前元素的屬性和方法。