ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery の delegate() と live() についての簡単な説明

jquery_jquery の delegate() と live() についての簡単な説明

WBOY
WBOYオリジナル
2016-05-16 15:53:32883ブラウズ

delegate() メソッドは、指定された要素 (選択された要素の子要素) に 1 つ以上のイベント ハンドラーを追加します
たとえば、ID が showspan である div の spam タグにイベント

を追加します。
<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>

live() メソッドは、選択された要素に 1 つ以上のイベント ハンドラーをアタッチします (イベントをその子要素に追加することはできません)
たとえば、p タグ

にイベントを追加します。
<p class="showp">pppppppp</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".showp").live("click", function(){
   $(this).after("<p>pppppppp</p>");
});
//-->
</SCRIPT>

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。