jQuery的$(document).on()方法

jQuery的$(document).on()方法是jQuery中的事件綁定方法，它可以將一個函數綁定到指定的元素上，當指定的元素觸發指定的事件時，這個函數就會被觸發執行。

$(document).on()方法支持兩種語法：

$(document).on(events,selector,data,handler);

$(document).on(events,selector,handler);

其中events參數表示要綁定的事件，可以是多個事件，用空格分隔；selector參數表示要綁定的元素；data參數表示傳遞給handler函數的參數；handler參數表示要綁定的函數。

示例

下面的示例演示了如何使用$(document).on()方法綁定一個函數到文檔中的所有按鈕上：

$(document).on('click','button',function(){
    alert('按鈕被點擊了！');
});

上面的代碼將一個函數綁定到文檔中所有按鈕上，當按鈕被點擊時，就會彈出一個提示框。

$(document).on()方法還可以綁定給動態添加的元素，例如：

$(document).on('click','.myButton',function(){
    alert('按鈕被點擊了！');
});
$('#container').append('按鈕');

上面的代碼將一個函數綁定到文檔中所有帶有myButton類的按鈕上，由于這個按鈕是動態添加的，所以$(document).on()方法可以自動綁定到這個按鈕上，當按鈕被點擊時，就會彈出一個提示框。

$(document).on()方法是jQuery中一個非常有用的事件綁定方法，它可以將一個函數綁定到指定的元素上，當指定的元素觸發指定的事件時，這個函數就會被觸發執行，而且它還可以綁定給動態添加的元素，使用起來非常方便。

千鋒教育是高品質web前端培訓機構，千鋒教育擁有大量實力web前端培訓講師，提供優質的web培訓課程，web前端培訓，歡迎報名千鋒教育。