jQuery是一個廣泛使用的JavaScript庫,特別是在網頁開發中。它提供了一種簡單的方法來遍歷HTML文檔、處理事件、創建動畫和處理AJAX。其中,使用jQuery on 方法可以綁定多個事件處理程序到被選元素上,或者在其子元素上(動態或靜態生效)。
$(selector).on(eventName,childSelector,data,function);
selector: 被選元素。
eventName: 一個或多個事件名稱,可以同時指定多個事件名稱,比如click,mouseover,dblclick等。
childSelector: 子元素選擇器,處理事件的元素必須匹配這個選擇器,可以省略。
data: 傳遞給事件處理函數的額外數據,可以省略。
function: 業務邏輯,即事件發生時要執行的函數。
假如我們有一個按鈕,需要實現一個點擊事件,點擊時文字變為"hello world",同時彈出一個對話框。我們可以通過下面的代碼來實現。
$('#btn').on('click', function(){
$(this).text("hello world");
alert("hello world");
});
上述代碼中,我們綁定了一個click事件到id為btn的按鈕上。當點擊按鈕時,會先將按鈕文本設置為"hello world",然后彈出一個對話框。這是一個簡單的事件綁定案例。我們可以使用on方法綁定其他事件,包括鼠標移動、鍵盤按下等等。
上一篇活動進度條css