Home > Article > Web Front-end > A brief discussion on delegate() and live() in jquery_jquery
The delegate() method adds one or more event handlers to the specified element (a child element of the selected element)
For example, add an event
<div id="showspan"><span>showspan**showspan</span></div> <span>outspan</span> <SCRIPT LANGUAGE="JavaScript"> <!-- //效果就是点击一个段落<div id="showspan">中span标签将在span标签后面添加一个span标签,对于新增的span标签同样可以点击新增一个span标签,新增的标签不需要监听其click事件 $("#showspan").delegate("span", "click", function(){ $(this).after("<span>showspan**showspan</span>"); }); //--> </SCRIPT>
The live() method attaches one or more event handlers to the selected element (events cannot be added to its child elements)
For example, add an event to the p tag
<p class="showp">pppppppp</p> <SCRIPT LANGUAGE="JavaScript"> <!-- $(".showp").live("click", function(){ $(this).after("<p>pppppppp</p>"); }); //--> </SCRIPT>
The above is the entire content of this article, I hope you all like it.