淺談jquery中delegate()與live()
更新時(shí)間：2015年06月22日 10:48:53 投稿：hebedich
這篇文章主要介紹了淺談jquery中delegate()與live()的相關(guān)資料,需要的朋友可以參考下
delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個(gè)或多個(gè)事件處理程序
例如給id是showspan的div中的span標(biāo)簽添加事件
<div id="showspan"><span>showspan**showspan</span></div>
<span>outspan</span>
<SCRIPT LANGUAGE="JavaScript">
<!--
//效果就是點(diǎn)擊一個(gè)段落<div id="showspan">中span標(biāo)簽將在span標(biāo)簽后面添加一個(gè)span標(biāo)簽，對(duì)于新增的span標(biāo)簽同樣可以點(diǎn)擊新增一個(gè)span標(biāo)簽，新增的標(biāo)簽不需要監(jiān)聽其click事件
$("#showspan").delegate("span", "click", function(){
$(this).after("<span>showspan**showspan</span>");
});
//-->
</SCRIPT>
live() 方法為被選元素附加一個(gè)或多個(gè)事件處理程序（不能給其子元素添加事件）
例如給p標(biāo)簽添加事件
<p class="showp">pppppppp</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".showp").live("click", function(){
$(this).after("<p>pppppppp</p>");
});
//-->
</SCRIPT>
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
本篇文章主要是對(duì)jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
下面小編就為大家?guī)硪黄贚ayUI實(shí)現(xiàn)前端分頁功能的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
jquery實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
優(yōu)秀js開源框架-jQuery使用手冊(cè)(1)
優(yōu)秀js開源框架-jQuery使用手冊(cè)(1)...2007-03-03
jQuery Password Validation密碼驗(yàn)證
這篇文章主要介紹了jQuery Password Validation密碼驗(yàn)證的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
checkbox想必大家對(duì)這個(gè)控件并不陌生吧，畢竟在網(wǎng)頁制作過程中經(jīng)常會(huì)使用到，下面與大家分享個(gè)示例主要介紹checkbox的使用，感興趣的朋友可以參考下2013-08-08
jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
jquery.validation.js在前端驗(yàn)證中使用起來非常方便,提供的功能基本上能滿足大部分驗(yàn)證需求，下面我們就來仔細(xì)研究下這款jQuery插件的具體使用方法。2015-04-04
jquery中l(wèi)oad方法的用法及注意事項(xiàng)說明
本篇文章主要是對(duì)jquery中l(wèi)oad方法的用法及注意事項(xiàng)進(jìn)行了詳細(xì)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實(shí)例形式對(duì)比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下2017-05-05