淺談jquery中delegate()與live()
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)簽,對于新增的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>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
WordPress 照片lightbox效果的運(yùn)用幾點(diǎn)
應(yīng)該大家都知曉lightbox這類燈箱效果了,它一般更多地被運(yùn)用在網(wǎng)站照片的顯示上。當(dāng)然還有更推廣的應(yīng)用,如facebox這種更漂亮全面的效果。2009-06-06jquery滾動組件(vticker.js)實(shí)現(xiàn)頁面動態(tài)數(shù)據(jù)的滾動效果
本文為大家想你想介紹下jquery實(shí)現(xiàn)頁面動態(tài)數(shù)據(jù)的滾動效果。似乎只有通過div-ul-li標(biāo)簽嵌套的方式才能實(shí)現(xiàn)表格多行多列的滾動效果2013-07-07JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
這篇文章主要介紹了JQuery中使文本框獲得焦點(diǎn)的方法,實(shí)例分析了jQuery針對文本框獲得焦點(diǎn)的技巧,需要的朋友可以參考下2015-02-02Jquery針對tr td的一些實(shí)用操作方法(必看篇)
下面就為大家?guī)硪黄狫query針對tr td的一些實(shí)用操作方法(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10jQuery Autocomplete簡介_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery Autocomplete簡介,jQuery UI Autocomplete是jQuery UI的自動完成組件,是我用過的最強(qiáng)大、最靈活的Autocomplete,它支持本地的Array/JSON數(shù)組、通過ajax請求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來獲取數(shù)據(jù)2017-07-07分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件
這篇文章主要介紹了分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件,需要的朋友可以參考下2014-12-12JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table中的排序分析
從上篇文章,我們實(shí)現(xiàn)了Table分頁代碼的高效性,咱們繼續(xù)沿著這個(gè)思路,探討Table表格數(shù)據(jù)中另外一個(gè)很常見的排序問題。說到排序,我記得在asp.net中 GridView中提供了這樣的方便,只需在展示字段上加上 Sorting 這樣的屬性,基本就完成了,剩下就是服務(wù)端cs代碼的寫法了。2010-01-01使用jQuery的ajax方法向服務(wù)器發(fā)出get和post請求的方法
這篇文章主要介紹了使用jQuery的ajax方法向服務(wù)器發(fā)出get和post請求的方法,需要的朋友可以參考下2017-01-01