Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 15:53:32
Original
904 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage