Heim >Web-Frontend >js-Tutorial >Eine kurze Diskussion über Delegate() und Live() in jquery_jquery

Eine kurze Diskussion über Delegate() und Live() in jquery_jquery

WBOY
WBOYOriginal
2016-05-16 15:53:32910Durchsuche

Die Methode „delegate()“ fügt dem angegebenen Element (einem untergeordneten Element des ausgewählten Elements) einen oder mehrere Event-Handler hinzu
Fügen Sie beispielsweise ein Ereignis

zum Span-Tag im Div hinzu, dessen ID showspan ist.
<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>

Die live()-Methode fügt einen oder mehrere Event-Handler an das ausgewählte Element an (Ereignisse können nicht zu seinen untergeordneten Elementen hinzugefügt werden)
Fügen Sie beispielsweise ein Ereignis zum p-Tag

hinzu
<p class="showp">pppppppp</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".showp").live("click", function(){
   $(this).after("<p>pppppppp</p>");
});
//-->
</SCRIPT>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn