jquery动态添加元素绑定事件click，bind，live，on

ゝ一纸荒年。 2022-04-12 13:36 487阅读 0赞

**一、普通绑定**

$("button").click(function(){
      $("p").hide();
    });

在上面的例子中，当按钮的点击事件被触发时会调用一个函数

[http://www.w3school.com.cn/jquery/jquery\_events.asp][http_www.w3school.com.cn_jquery_jquery_events.asp]

**二、bind方法**

$("button").bind("click",function(){
      $("p").slideToggle();
    });

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

[http://www.w3school.com.cn/jquery/event\_bind.asp][http_www.w3school.com.cn_jquery_event_bind.asp]

**三、live方法**

动态添加元素后，bind的事件无效，在1.9版本以前使用live，1.9+使用on

$("button").live("click",function(){
      $("p").slideToggle();
    });

live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（**比如由脚本创建的新元素**）。

[http://www.w3school.com.cn/jquery/event\_live.asp][http_www.w3school.com.cn_jquery_event_live.asp]

**四、on方法**

$("button").on("click",function(){
      $("p").slideToggle();
    });

[http_www.w3school.com.cn_jquery_jquery_events.asp]: http://www.w3school.com.cn/jquery/jquery_events.asp
[http_www.w3school.com.cn_jquery_event_bind.asp]: http://www.w3school.com.cn/jquery/event_bind.asp
[http_www.w3school.com.cn_jquery_event_live.asp]: http://www.w3school.com.cn/jquery/event_live.asp

发表评论取消回复

表情：

评论列表（有 0 条评论，487人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery绑定动态添加的元素的点击事件

$('tb_Reviewer').on('change', 'tr>td>checkItem', function () { alert('Jachin')

叁歲伎倆/ 2023年01月06日 11:39/ 0 赞/ 288 阅读

相关给动态添加的html元素绑定事件的方法

避免先写了DOM操作，但是元素是动态加载的，所以点击不生效，比较好的方法有两个： 1、动态添加的时候加行内事件，比如οnclick=“funcName()” 在js中写好

港控/mmm°/ 2022年12月23日 01:58/ 0 赞/ 229 阅读

相关 Jquery给指定元素绑定事件

bind（) 注意：bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind() ：bind()函数只针对

- 日理万妓/ 2022年12月14日 03:52/ 0 赞/ 221 阅读

相关 jQuery动态绑定事件

jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8

水深无声/ 2022年09月30日 12:57/ 0 赞/ 310 阅读

相关 JQuery给元素绑定事件

给a标签绑定点击事件 > < a class=“some”> < /a> > $(’.some’).each(function(i) \{ > $(this).cli

梦里梦外;/ 2022年09月09日 06:27/ 0 赞/ 276 阅读

相关 jquery html动态添加的元素绑定事件

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动

喜欢ヅ旅行/ 2022年08月11日 00:50/ 0 赞/ 275 阅读

相关 jQuery动态添加li标签并添加属性和绑定事件

代码如下： <%@page import="java.util.ArrayList"%> <%@ page language="java" contentTy

清疚/ 2022年06月15日 02:27/ 0 赞/ 236 阅读

相关 jQuery动态添加li标签并添加属性和绑定事件

代码如下： <%@page import="java.util.ArrayList"%> <%@ page language="java" contentTy

喜欢ヅ旅行/ 2022年06月15日 02:27/ 0 赞/ 512 阅读

相关 jquery获取元素绑定的事件

在调试jquery的事件绑定时会用到。查看某元素是否绑定上了事件。在JQuery1.8之前： var obj=$('div');var events=obj.da

逃离我推掉我的手/ 2022年06月13日 06:09/ 0 赞/ 740 阅读

相关 jquery动态添加元素绑定事件click，bind，live，on

一、普通绑定 $("button").click(function(){ $("p").hide(); }); 在上面的例子中，当按钮的

ゝ一纸荒年。/ 2022年04月12日 13:36/ 0 赞/ 488 阅读