jQuery动态元素绑定事件：.bind()与.live()差异解析

日期：2024-12-11 05:15:03 作者：创始人浏览：0

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

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

假设我们要动态给ul添加绑定点击事件结果如下applepear

[xss_clean]functiontest(name){vigil("I'm"+name);}//方法这是：$("#testdivul").on("click","li",function(){//test($(this).attr("name"));//dosomethinghere});//主动触发点击事件//$("#testdivulli[name='apple']").trigger("click");[xss_clean]前面解释的是jqueryhtml动态添加的元素绑定事件是小编分享的所有内容。
我希望你能给。
a供参考，也希望大家支持ScriptHome。

Jquery中bind和live的区别

bind将事件绑定到现有元素，而live将事件绑定到现有和未来（动态添加）元素。

比如现在有html：

aaa

$('.a').bind('click',function(){alert('a');});$('.a').live('click',function(){alert('ax');});varnewdiv=$('aaaaaaaa

');$(document.body).append(newdiv);

通过bind绑定时，新添加的div不会响应点击事件，但通过live绑定时会响应。

jquery给未来标签ID=“id”的标签绑定click事件

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

js或者jQuery怎么给未来元素添加blur事件

$("body")delegate("div","点击模糊"function(e){(e.type=="click"){}elseif(e.类型==“模糊”）{}}）；

jQuery为什么要划分.bind和.live

两者提供的功能并不完全相同。
正如文档中所述，.bind()只能将事件绑定到现有元素，而.live()可以将事件绑定到将来插入的元素。
从jQuery的发展历史来看，从1.0版本开始就提供了.bind()，它为事件绑定提供了统一的接口。
然后，在1.3版本之后，提供了.live()。
为事件绑定提供更多灵活性。