Home  >  Article  >  Web Front-end  >  A brief discussion on delegate() and live() in jquery_jquery

A brief discussion on delegate() and live() in jquery_jquery

WBOY
WBOYOriginal
2016-05-16 15:53:32888browse

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

to the span tag in the div whose ID is showspan.
<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.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn