Jquery是一種非常流行的JavaScript庫,旨在幫助開發人員編寫更少的代碼來完成常見的Web開發任務。Jquery有一個重要的功能是為網頁添加交互式行為,這通常是通過事件管理器來實現的。其中,on()方法是最常用和強大的事件托管方法之一。在這里我們將關注on()方法在jquery 1.9中的一些變化。
//以前的寫法 $(document).ready(function(){ $("button").click(function(){ alert("點我干嘛?"); }); }); //新的寫法 $(document).ready(function(){ $(document).on("click", "button", function(){ alert("點我干嘛?"); }); });
相比舊的方式,新的on()方法允許在運行時綁定動態元素。它的參數是三個,第一個是事件類型,第二個則是匹配元素的選擇器,第三個參數是回調函數。這意味著當需要動態添加內容時,就可以使用on()方法來為這些元素綁定事件,而不需要重新綁定事件處理程序。
//以前的寫法 $("li").click(function(){ $(this).toggleClass("selected"); }); //新的寫法 $(document).on("click", "li", function(){ $(this).toggleClass("selected"); });
此外,1.9版本還針對on()方法做出了一些重要變化。以前,容器中所有相同類型的事件將被合并為一個處理程序,而現在每個處理程序都被放在單獨的緩存對象中。這意味著相同類型的事件將以單獨的方式處理,從而避免了事件處理程序之間的沖突。
總結一下,jquery 1.9版中的on()方法在許多方面得到了改進。它不僅允許動態綁定事件處理程序,還可以更好地管理同一事件類型下的多個處理程序。盡管需要花費一些時間來適應這些新特性,但它們將使開發人員更容易地在網站中管理各種交互式行為。