jquery动态绑定事件,jquery删除事件和绑定事件

jquery动态添加元素怎么绑定事件

你可以在添加的同时顺便给标签绑定事件,还可以使用live或者on方法为之后添加的元素绑定事件。去看看这两个方法的用法和语法吧!

成都网站建设哪家好,找成都创新互联!专注于网页设计、成都网站建设、微信开发、小程序设计、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验,服务众多知名企业客户;涵盖的客户类型包括:成都咖啡厅设计等众多领域,积累了大量丰富的经验,同时也获得了客户的一致表扬!

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动态添加的元素绑定事件详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

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动态绑定事件,jquery删除事件和绑定事件
文章网址:http://cdiso.cn/article/dseodgh.html

其他资讯