jQuery中.bind() .live() .delegate() .on()的区别
生活随笔
收集整理的這篇文章主要介紹了
jQuery中.bind() .live() .delegate() .on()的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
bind(type,[data],fn) 為每個匹配元素的特定事件綁定事件處理函數
$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 給所有匹配的元素附加一個事件處理函數,即使這個元素是以后再添加進來的
$("a").live("click",function(){alert("ok");});delegate(selector,[type],[data],fn) 指定的元素(屬于被選元素的后代元素)添加一個或多個事件處理程序,并規定當這些事件發生時運行的函數
$("#container").delegate("a","click",function(){alert("ok");})on(events,[selector],[data],fn) 在選擇元素上綁定一個或多個事件的事件處理函數
差別:
.bind()是直接綁定在元素上
.live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的,綁定到document DOM節點上。和.bind()的優勢是支持動態數據。
.delegate()則是更精確的小范圍使用事件代理,性能優于.live()
.on()則是最新的1.9版本整合了之前的三種方式的新事件綁定機制
?
原文轉自http://www.cnblogs.com/piercalex/archive/2013/03/30/2990679.html? 有改動
轉載于:https://www.cnblogs.com/showersun/p/3701058.html
總結
以上是生活随笔為你收集整理的jQuery中.bind() .live() .delegate() .on()的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 非替换元素和替换元素
- 下一篇: 解决ng界面长表达式(ui-set)