live

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了，然而jQuery 1.9及其以上版本提供了on函数来代替。 如果要绑定的on方法是动态加载出来的元素，那么这样使用就是没有用的。 <script> $(document).ready(function(){ $("#div1").click(function(){ $("<div class='test'>test</div>").appendTo($("#div1")); }); $(".test").on("click",function(){ $(".test").css("background-color","pink"); }); $("#div2").bind("click",function(){ $(this).css("background-color","pink"); }); }); </script> $(document).ready(function(){ $("#div1").click(function(){ $("<div class='test'>test</div>").appendTo($("#div1")); }); $(document).on("click",".test",function(){//修改成这样的写法 $(".test").css(

很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？ 什么是 .live() .live方法类似于.bind()，除此之外，它允许你将事件绑定到DOM元素上，可以将事件绑定到DOM中还不存在的元素上，看看下面的例子： 比方说当用户在点击链接时及想提示他们正在离开站点。 ? 1 2 3 4 5 6 $(document).ready(function() { $('a').click(function() { alert("You are now leaving this site"); return true; }); }); 注意，.click()仅仅是个实现更一般.bind()的简单方法，下面和上面的代码相当于上面的实现。 ? 1 2 3 4 5 6 $(document).ready(function() { $('a').bind('click',function() { alert("You are now leaving this site"); return true; }); }); 但是现在通过javascript添加一个链接到页面。 ? 1 $('body').append