Jquery中的on()方法是一個動態事件綁定的方法,簡單來說就是可以綁定現有和未來的元素。這就意味著我們可以在文檔準備好之前或之后,給指定的元素綁定事件,而無需擔心會錯過這個元素的出現。
下面是使用on()方法動態綁定事件的示例代碼:
$('ul').on('click', 'li', function(){ console.log($(this).text()); });
上面的代碼意思是:當在`ul`元素中的任意`li`元素上單擊時,將觸發一個事件。通過這種方式,我們可以為那些尚未被創建的元素設置事件處理程序,而不會影響到那些已經存在的元素。
還有一種常見的情況是,如果我們需要在一個元素上綁定多個事件處理程序,我們可以使用連綴的方式來完成。示例如下:
$('button').on('click', function(){ // do something }).on('mouseover', function(){ // do something });
通過使用on()方法,我們可以方便地為DOM元素綁定事件,而不必依賴于元素的存在情況。這種方法簡單又實用,值得我們在項目中廣泛應用。
上一篇mysql中時間戳的用法
下一篇jquery on原碼