jquery动态绑定,jquery动态绑定事件的方法

如何将jquery动态生成的数据绑定事件

$("button").live("click",function(){

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了焦作免费建站欢迎大家使用！

$("p").slideToggle();

});

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

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

语法

$(selector).live(event,data,function)

参数

event    必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件。必须是有效的事件。

data    可选。规定传递到该函数的额外数据。 

function    必需。规定当事件发生时运行的函数。  

jquery 动态添加节点怎么绑定事件

可以用事件委托，jquery提供on()方法（jquery 1.7.0 以上版本）来委托绑定事件：

ul class="list"

lia href="javascript:;"导航1/a/li

lia href="javascript:;"导航2/a/li

/ul

$('.list').find('a').on('click', function(){

$(this).addClass('active').siblings().removeClass('active');

});

这样.list里通过js动态创建的a节点也能响应click事件。

jquery html动态添加的元素绑定事件详解

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况：

div

id="testdiv"

ul/ul

/div

假设我们要给ul动态添加的li绑定click事件形成如下结果

div

id="testdiv"

ul

li

name="apple"apple/li

li

name="pear"pear/li

/ul

/div

script

function

test(name){

alert("I'm

"+name);

}

//做法如下:

$("#testdiv

ul").on("click","li",

function()

{

//test($(this).attr("name"));

//do

something

here

});

//主动触发某个li的click事件

//

$("#testdiv

ul

li[name='apple']").trigger("click");

/script

以上这篇jquery

html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。