jQuery 3 的 on() 方法是一種用于綁定事件處理程序的新方式,它比以前的方式更加高效、靈活,并且可以同時綁定多個事件。
在 jQuery 3 中,on() 方法會默認使用對象池化來管理事件處理程序,這意味著它會將事件處理程序存儲在內存池中以供重用,從而減少了內存分配和回收的開銷。
另外,on() 方法還提供了一個新的 "load" 事件,用于綁定頁面和圖片加載完成后的處理程序。這個事件可以像下面這樣使用:
$(window).on('load', function() { // 執行操作 });
這個示例演示了如何在頁面加載完成后執行一些操作,比如圖片懶加載、動畫效果等等。on() 方法也可以與其他事件一起使用,比如 "click"、"scroll" 等等。
綁定多個事件也很簡單,只需要將事件名稱以空格分隔開即可:
$(window).on('load resize scroll', function() { // 執行操作 });
這個示例演示了如何同時綁定 "load"、"resize"、"scroll" 三個事件的事件處理程序。
總之,on() 方法是一個非常實用且強大的方法,可以在很多場合下幫助我們更好地管理頁面中的事件處理程序。