阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      谈一下 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) 在选择元素上绑定一个或多个事件的事件处理函数

      差别

      • 1、.bind() 是直接绑定在元素上
      • 2、.live() 则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到 document DOM 节点上。和。bind() 的优势是支持动态数据。
      • 3、.delegate() 则是更精确的小范围使用事件代理,性能优于。live()
      • 4、.on() 则是最新的 1.9 版本整合了之前的三种方式的新事件绑定机制

      更多面试题

      如果你想了解更多的前端面试题,请点击下面进行选择,这里基本包涵了市场上的所有前端方面的面试题,让你面试更加顺利。

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录