jQuery是一種JavaScript庫,其中包含了豐富的API,使得開發者能夠使用簡單的語句來快速地處理文檔元素、事件、動畫和Ajax交互。其中,.on()函數是jQuery庫中的一個非常有用的函數。
.on() 函數用來綁定一個或多個事件處理程序到匹配元素,在jQuery1.7中被引入,并成為所有事件綁定函數的統一接口。該函數可以接受兩個參數:
$(selector).on(event,handler)
其中,event參數是一個字符串,用來描述事件類型,比如"click"、"submit",同時事件類型可以使用空格來分隔,實現同時綁定多個事件。handler參數則是一個回調函數,當事件被觸發時被調用。
而且,.on()函數還支持動態元素選擇器,它可接受兩個參數:
$(staticParentElement).on(event,dynamicChildElement,handler)
其中,staticParentElement指的是所選擇的子元素的非動態父元素(也就是他們的祖先),dynamicChildElement是一個字符串,它是一個jQuery選擇器,可以用來對動態元素進行過濾,handler參數仍然是一個回調函數。
下面是一個例子:
$(document).ready(function(){
$(".myclass").on("click", function(){
console.log('你點擊了這個按鈕!');
});
});
在上述代碼中,當頁面DOM加載完成后, .myclass元素被選中, 并綁定了一個click事件監聽器, 當該元素被單擊時, 控制臺會打印出 " 你點擊了這個按鈕!"。
綜上所述,.on()函數是jQuery庫中一個強大而實用的函數, 它允許開發者非常靈活地處理事件, 并在處理動態元素選擇器方面提供了便利。熟練使用它將大大提高我們開發的效率。
上一篇jquery 和js
下一篇彈出框里有個表格的css