zoukankan      html  css  js  c++  java
  • Bind vs Live

    n short: .bind() will only apply to the items you currently have selected in your jQuery object..live() will apply to all current matching elements, as well as any you might add in the future.

    The underlying difference between them is that live() makes use of event bubbling. That is, when you click on a button, that button might exist in a <p>, in a <div>, in a <body> element; so in effect, you're actually clicking on all of those elements at the same time.

    live() works by attaching your event handler to the document, not to the element. When you click on that button, as illustrated before, the document receives the same click event. It then looks back up the line of elements targeted by the event and checks to see if any of them match your query.

    The outcome of this is twofold: firstly, it means that you don't have to continue reapplying events to new elements, since they'll be implicitly added when the event happens. However, more importantly (depending on your situation), it means that your code is much much lighter! If you have 50 <img> tags on the page and you run this code:

    $('img').click(function(){/* doSomething */});

    ...then that function is copied into each of those elements. However, if you had this code:

    $('img').live('click',function(){/* doSomething */});

    ...then that function is stored only in one place (on the document), and is applied to whatever matches your query at event time.

    Because of this bubbling behaviour though, not all events can be handled this way. As Ichiban noted, these supported events are click, dblclick mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup.

  • 相关阅读:
    inline必须在定义、实现都标记
    循环数组优化队列
    游程编码的优化
    新密码
    I Could Have Danced All Night
    strtok源码 bitset 空间压缩
    XOR Swap
    补码
    临时邮箱
    linux中find批量删除空文件夹
  • 原文地址:https://www.cnblogs.com/malaikuangren/p/2940469.html
Copyright © 2011-2022 走看看