jQuery 1.7 .on（）vs .live（）評論

> jQuery's .on()和.off()方法：綜合指南

>本文探討了jQuery的.on()和.off()事件處理程序，將它們與現在播放的.live()方法進行了比較。 亞當·桑塔格（Adam Sontag）在2011年的jQuery峰會上提出的建議，以採用.on()和.off()強調了重大改進。讓我們深入研究功能和差異。

>

> jquery .live()（已棄用）

不再建議使用

方法來稱讚其將事件處理程序連接到動態添加的DOM元素的能力。 它的局限性包括：.live()

1. 績效：在應用之前檢索元素效率低下，尤其是大量文檔。 .live() 不支持
2. 鏈接：方法鏈接（例如，是無效的）。 $("a").find(".offsite, .external").live(...)>
事件傳播：
3. 事件的行進路徑最長的路徑，導致處理速度較慢。 在防止下層處理程序發射時無效。 event.stopPropagation()
>互動：
4. > 刪除所有unbind()>單擊通過附加的操作者，可能會導致意外行為。 $(document).unbind("click") .live()

jquery

>將事件處理程序附加到選定的元素上，處理現有元素和未來元素。 > .on()

.on()

密鑰差異：

vs.

> .live().on()函數：

在

級別附加事件，而
• >允許在指定的祖先元素上更精確的事件委託。 用法：.live()核心差異在於參數順序，而在document>中沒有選擇器參數：.on()>
• > .live()性能：

明顯勝過

$(selector).live(events, data, handler);                // jQuery 1.3+ (Deprecated)
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+ (Deprecated)
$(document).on(events, selector, data, handler);        // jQuery 1.7+

，通常以3或4倍的倍數，如各種性能基準所證明的。

• .on().live() jquery

.off()>刪除事件處理程序，提供了與.on()的對應物。 它的功能與.unbind()類似，保持向後兼容性。 在jQuery 1.7及以後，.unbind()本質上是一個別名.off()>。

和.bind() .on()>

在jQuery 1.7及以後，

是.bind()>的別名。 .on()

>從

> >用.live()替換.on()。 注意更改的參數順序。

常見問題（FAQS）$(selector).live(event, data, function)$(document).on(event, selector, data, function)>

>原始文本中提供的常見問題解答部分已經全面，並介紹了與

>和>有關的關鍵差異，遷移策略和績效注意事項。 無需在這裡複製它。

結論

.live() .on()從

到

>和的轉移是jQuery事件處理中的至關重要的升級。 >提供卓越的性能，靈活性和可維護性，使其成為現代jQuery開發的首選。

以上是jQuery 1.7 .on（）vs .live（）評論的詳細內容。更多資訊請關注PHP中文網其他相關文章！