iOS開發中,JQuery是一種非常常用的JavaScript庫。其中,用到的一個核心方法就是on()方法。該方法通常用于綁定事件處理程序。下面,我們一起來了解一下。
$(document).on('click', '#btn', function(){ alert('點擊了按鈕'); })
以上代碼解釋:
首先,我們選擇了document作為事件委托器。這是因為,document始終存在,而且是所有元素最外層的容器。這樣,所有在該容器內發生的事件都能被捕獲。其次,我們指定了需要綁定事件的元素的選擇器,即#btn。最后,綁定的事件是click事件,并且事件處理程序是一個匿名函數,該函數實現了一個簡單的彈框提示功能。
on()方法還支持多個事件的綁定。如果需要綁定多個事件處理程序,只需要將其作為參數一次性傳遞進去即可:
$(document).on('click mouseover', '.box', function(){ $(this).toggleClass('active'); })
以上代碼解釋:
我們選擇了document作為事件委托器,同樣是因為它是所有元素的最外層容器。然后,我們指定了需要綁定事件的元素的選擇器,即.box。最后,我們一次性綁定了兩個事件,即click和mouseover。當用戶點擊或移動鼠標時,就會切換.active樣式。
注意:on()方法可以與off()方法配對使用,用于解除某個元素上的事件綁定。
$(document).off('click', '#btn');
以上代碼解釋:
我們選擇了document作為事件委托器,然后指定了需要解除事件綁定的元素選擇器,即#btn。最后,指定了需要解除綁定的事件類型,即click事件。這樣,就可以完全解除一個元素上的事件綁定。