首頁  >  文章  >  web前端  >  淺談jquery中delegate()與live()_jquery

淺談jquery中delegate()與live()_jquery

WBOY
WBOY原創
2016-05-16 15:53:32886瀏覽

delegate() 方法為指定的元素(屬於被選元素的子元素)新增一個或多個事件處理程序
例如給id是showspan的div中的span標籤新增事件

<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() 方法為被選元素附加一個或多個事件處理程序(不能給其子元素添加事件)
例如給p標籤新增事件

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

以上所述就是本文的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn