jQuery是一種流行的JavaScript庫,它使客戶端編程更加容易。其中最重要的函數(shù)之一就是on()和off()函數(shù)。這兩個函數(shù)可以幫助開發(fā)者在特定的DOM元素上添加或移除事件處理程序。下面我們將會具體討論這兩個函數(shù)。
on()函數(shù)是jQuery的事件綁定函數(shù)之一。它有兩種不同的用法:
$(selector).on(event, child-selector, data, function)) $(selector).on(event, child-selector, function)
第一種用法可以為指定的DOM元素添加一個帶有數(shù)據(jù)的處理程序。這個處理程序可以連接到被匹配元素的子元素。第二種用法可以為指定的DOM元素添加一個沒有數(shù)據(jù)的處理程序。
下面是一個使用on()函數(shù)的示例:
$("button").on("click", function(event){ alert("Hello World!"); });
這個示例將會在按鈕被點擊時顯示一個警告框,在警告框上顯示“Hello World!”
相對應(yīng),off()函數(shù)可以從一個指定的DOM元素上移除一個事件處理程序。部分用法如下:
$(selector).off(event, child-selector, data) $(selector).off(event, child-selector)
第一種用法可以移除一個具有數(shù)據(jù)的處理程序,而第二種用法則是針對沒有數(shù)據(jù)的處理程序。下面是一個使用off()函數(shù)的示例:
$("button").off("click");
這個示例將會從按鈕中移除之前的事件處理程序。
總的來說,on()和off()函數(shù)使得開發(fā)者可以輕松地在DOM元素上添加/刪除事件處理程序。在編寫jQuery應(yīng)用程序時,這兩個函數(shù)可以減少大量的代碼,并加速開發(fā)過程。
上一篇jquery off卸載
下一篇jquery off所有