jQuery 1.9.1中live()变更

转载链接：http://www.360doc.com/content/13/1222/22/14022539_339358149.shtml

开始的时候在jQuery.1.7.1中使用了.live()觉得很好用，特别是在绑定事件之后再加入的元素的事件绑定上很方便(第一次live之后以后添加的元素就不需要绑定啦)

后来jQuery更新到1.9.1，页面中的.live报错:"has no method live", 后来查了文档才知道在新版本中做了修改。

jQuery.1.8.1：

$("#liveID").live("click",function(){alert("live click");});

jQuery.1.9.1：

$(document).on("click","#liveID",function(){alert("live click");});

jQuery网站上这么说的：

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

This method provides a means to attach delegated event handlers to the document element of a page, which simplifies the use of event handlers when content is dynamically added to a page. See the discussion of direct versus delegated events in the.on() method for more information.

改进后的使用建议：

1 $(selector).live(events, data, handler); // jQuery 1.3+

2 $(document).delegate(selector, events, data, handler); // jQuery 1.4.3+

3 $(document).on(events, selector, data, handler); // jQuery 1.7+

示例：
1 $("a.offsite").live("click", function(){ alert("Goodbye!"); }); // jQuery 1.3+

2 $(document).delegate("a.offsite", "click", function(){ alert("Goodbye!"); }); // jQuery 1.4.3+

3 $(document).on("click", "a.offsite", function(){ alert("Goodbye!"); }); // jQuery 1.7+

jQuery 1.9.1中live()变更相关推荐

jquery.ajax的url中传递中文乱码问题的解决方法
jquery.ajax的url中传递中文乱码问题的解决方法 JQuery JQuery默认的contentType:application/x-www-form-urlencoded 这才是JQuer ...
统一处理jquery ajax请求过程中的异常错误信息的机制
统一处理jquery ajax请求过程中的异常错误信息的机制参考文章: (1)统一处理jquery ajax请求过程中的异常错误信息的机制 (2)https://www.cnblogs.com/wi ...
html取输入框中的值,jquery获取input输入框中的值
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
jquery的html代码中a的onclick的正确显示的代码
jquery的html代码中a的onclick的正确显示的代码 jquery的html代码中a的onclick的正确显示的代码需要转义一下,试了好久才试出来 img_delete.html('< ...
jQuery在同级节点中查找
jQuery 遍历参考这里:https://www.w3school.com.cn/jquery/jquery_ref_traversing.asp jQuery在同级节点中查找在 p 元素的同级 ...
html整个项目怎么导出来,怎样将jquery导入web项目中？
怎样将jquery导入web项目中?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 将jquery导入web项目中的方法导入jquery文件在页面中使 ...
[转]在jQuery的each()函数中使用continue和break
jQuery的each函数可调用选择器得到的元素集进行循环调用.这意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的 DOM元素(每次都是一个不同的匹配元素).而且,在每次执行函 ...
java 获取td_[Java教程]jQuery获取table表中的td标签
[Java教程]jQuery获取table表中的td标签 0 2017-07-28 00:00:08 首先我来介绍一下我遇到的问题 1.当有一个table表包含了标签,标签,大致可以认为是这样的: ...
jQuery在asp.net中实现图片自动滚动
时间真快,不知不觉12月已经过了一半了,新的一年即将到来.有段时间没写东西了,技术这东东天天都在更新,天天都是一个新面孔,如果不坚持学习肯定就会落在队尾.要想跟上队伍,需要每天都要学习,但是学习的只是 ...

jQuery 1.9.1中live()变更

jQuery 1.9.1中live()变更相关推荐

最新文章

热门文章