jQuery动态添加的元素绑定事件处理函数代码
更新时间：2011年08月02日 22:30:05 作者：
有一段时间没用jquery了，今天又碰到这个问题。当时是知道有livejquery可以解决。但是我并不喜欢为了这个而另外加载一个。
我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。
参考：http://api.jquery.com/live/
以前我们定义事件，比如为元素定义单击事件是这样写的：
$('input').click(function () {
//处理代码
});
或
$('.clickme').bind('click', function() {
// Bound handler called.
});
但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。即使你使用jquery的clone函数，它并不能将事件也复制（到目前为止我还不清楚它是为什么这样定义，是没法复制还是刻意这么处理，以防止出现某些异常，这还有待去分析一下jquery的源代码）。
现在，使用live你可以轻松搞定，
$('.clickme').live('click', function() { // Live handler called. });这样，你即使在后面动态插入的元素，也会被绑定事件，$('body').append('<div class="clickme">Another target</div>');
参考：http://api.jquery.com/live/
以前我们定义事件，比如为元素定义单击事件是这样写的：
复制代码 代码如下:
$('input').click(function () {
//处理代码
});
或
复制代码 代码如下:
$('.clickme').bind('click', function() {
// Bound handler called.
});
但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。即使你使用jquery的clone函数，它并不能将事件也复制（到目前为止我还不清楚它是为什么这样定义，是没法复制还是刻意这么处理，以防止出现某些异常，这还有待去分析一下jquery的源代码）。
现在，使用live你可以轻松搞定，
$('.clickme').live('click', function() { // Live handler called. });这样，你即使在后面动态插入的元素，也会被绑定事件，$('body').append('<div class="clickme">Another target</div>');
相关文章
jQuery防止click双击多次提交及传递动态函数或多参数
这篇文章主要介绍了jQuery防止click双击多次提交及传递动态函数方法,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery表单验证的方法,结合简单实例形式分析了jQuery针对表单必填项进行验证的方法,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了jQuery实现的Div窗口震动特效 ,需要的朋友可以参考下2014-06-06
jQuery缓存系统不仅运用于DOM元素，动画、事件等都有用到这个缓存系统2013-05-05
百度上有个很使用的功能，就是用户在搜索的时候会自动提示相关搜索条件以供选择，非常人性化的设计，我们如何将此功能放到自己的项目中呢，经过一番研究，终于实现了此功能，分享给大家。2014-11-11
最近项目中遇见 Jquery Ajax 缓存问题,load出来的页面状态有时正常，有时不对，记录一下，希望对大家有帮助2011-05-05
其实楼主的F和jQuery.fn.init是相等的; 实现功能是和jq一样的, 只是jq的把构造函数放进原型;如果非要说原因,个人理解jq这样写整体结构清晰,先是入口构造函数,紧跟着是原型部分(原型里面init是初始化),但是不好理解;乍一看确实挺绕, 我也是看了好久才明白怎么回事2015-05-05
jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。本文进行简单分析一下ajax报错。需要的朋友可以参考下2016-12-12
大家都知道dom是一种与浏览器、平台、语言无关的接口，使用dom接口可以很轻松访问页面中所有的标准组件，本篇文章主要给大家讲解jquery基础教程之dom操作，有需要的朋友可以参考下2015-08-08
电脑屏幕大小是固定的，那么如何在有限的空间放更多的内容呢，jquery的tab切换式浏览却可以解决这个问题2013-04-04
最新评论