jQuery 2.1.1的新功能之一是live on,它允許我們對動態元素進行事件綁定。以前,我們需要使用live或delegate方法來實現這一點。但live已經在jQuery 1.9版本后被移除,代替方法是使用on。
例子:
$(document).on('click', '.dynamic-element', function() { alert('Hello, jQuery on!'); });
這個代碼將為文檔中的所有元素綁定一個click事件,然后過濾掉只有動態元素包含dynamic-element類的元素。
該代碼的意思是,當用戶單擊文檔中的動態元素時,它將觸發一個警告框,顯示“Hello, jQuery on!”消息。
與舊的live方法相比,on方法有一些優點。例如,如果我們綁定了多個事件處理程序,on方法將自動為元素的多個事件創建單個處理程序。這還可以防止事件處理程序的重復綁定,因為on方法會根據需要自動替換舊的處理程序。
另外,如果我們需要解除綁定事件,使用on方法可以更方便地進行操作。可以使用off方法輕松解除事件綁定,而不用擔心可能出現的副作用。
綜上所述,使用jQuery 2.1.1的live on方法可以讓動態元素事件綁定更加方便。我們不再需要使用live或delegate方法,而是直接使用on方法即可。