淺談jquery中delegate()與live()

更新時間：2015年06月22日 10:48:53 投稿：hebedich

這篇文章主要介紹了淺談jquery中delegate()與live()的相關(guān)資料,需要的朋友可以參考下

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標簽，新增的標簽不需要監(jiān)聽其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>

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jqGrid隨窗口大小變化自適應大小的示例代碼
本篇文章主要是對jqGrid隨窗口大小變化自適應大小的示例代碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
基于LayUI實現(xiàn)前端分頁功能的方法
下面小編就為大家?guī)硪黄贚ayUI實現(xiàn)前端分頁功能的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
jquery實現(xiàn)表格中點擊相應行變色功能效果【實例代碼】
下面小編就為大家?guī)硪黄猨query實現(xiàn)表格中點擊相應行變色功能效果【實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-05-05
優(yōu)秀js開源框架-jQuery使用手冊(1)
優(yōu)秀js開源框架-jQuery使用手冊(1)...
2007-03-03
jQuery Password Validation密碼驗證
這篇文章主要介紹了jQuery Password Validation密碼驗證的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
checkbox使用示例
checkbox想必大家對這個控件并不陌生吧，畢竟在網(wǎng)頁制作過程中經(jīng)常會使用到，下面與大家分享個示例主要介紹checkbox的使用，感興趣的朋友可以參考下
2013-08-08
jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效
這篇文章主要介紹了jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-05-05
jQuery驗證插件validation使用指南
jquery.validation.js在前端驗證中使用起來非常方便,提供的功能基本上能滿足大部分驗證需求，下面我們就來仔細研究下這款jQuery插件的具體使用方法。
2015-04-04
jquery中l(wèi)oad方法的用法及注意事項說明
本篇文章主要是對jquery中l(wèi)oad方法的用法及注意事項進行了詳細介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實例形式對比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下
2017-05-05