bind和live方法的作用都是为被选元素添加一个或多个事件处理程序,并规定当这些事件发生是运行的函数
不同点是:通过live方法附加的事件处理程序适用于匹配选择器的当前及未来元素(比如由脚本创建的新元素)<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").live("click",function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>请点击这里</button> </body> </html>把上面的live换成bind效果是一样的,不同的是:
如:
<div id="c">
<li>1</li>
<li>2</li>
<li>3</li>
</div>
jquery 的live ,绑定了 c 下的 li , 给了每个 li 一个onclick. 这样. 就算 增加一个 li ,新的li 也拥有 onclick 这个属性的.,但bind对新增的li不起作用。