jquery 调用live()方法无效？

【前言】

     之前讲课的时候讲过jquery的live()方法，当时讲解的时候说的是→当前或者未来的元素，但是后来发现jQuery的live方法无效？？？

    尝试着把jQuery代码库版本换到1.8及1.8之前才有效果，所以这里总结下

 

【主体】

     （1）用live方法时，注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。

在jQuery官方网站上说明了原因，并声称用on方法取代live方法。
jQuery官方网站声称下面三行代码是等价的
$("a.offsite").live("click", function(){...}); // jQuery 1.3+
$(document).delegate("a.offsite", "click", function(){...}); // jQuery 1.4.3+
$(document).on("click", "a.offsite", function(){...}); // jQuery 1.7+

      （2）原因解析：

               在新版的jquery（>1.9版本即为新版）中，live()方法已经被删除了，所以我们在调用的时候会提示该函数不存在，js报错。 用live的时候要注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。

       （3）原来的写法是on绑定元素点击事件： 

             如果直接替换为on()方法，那么新生成的元素再次点击事件的时候不会有任何效果，新的语法是： 

$(document).on("click","table a",function(){...})
或者（注意：该版本必须大于1.7）
$(body).on("click","table a",function(){...})
或者
$("table).on("click","a",function(){...})

            这里涉及到一个问题，$("body")这里为什么是body，其实我们可以选择其他的距离#company_logo更近的节点，这样会有更好的性能，其实on()是在body中找#company_logo节点，所以我们吧body换成#company_logo的上级节点会取得更好的性能。

           具体可以参考文章浅谈jQuery出现的新添加元素点击事件无效

 

 

 

.