Jquery on怎么監(jiān)測動(dòng)態(tài)事件，代碼如下

你可以用事件代理的方式。不用去給每個(gè)按鈕都綁定click事件，只需要給table綁定click事件。然后通過e.target來判斷是不是按鈕，如果是按鈕，就執(zhí)行相應(yīng)的代碼。

創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元東山做網(wǎng)站,已為上家服務(wù),為東山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

jQuery on()方法綁定動(dòng)態(tài)元素的點(diǎn)擊事件實(shí)例代碼淺析

之前就一直受這個(gè)問題的困擾，在jQuery1.7版本之后添加了on方法，之前就了解過，其優(yōu)越性高于live(),bind(),delegate()等方法，在此之前項(xiàng)目中想用這個(gè)來測試結(jié)果發(fā)現(xiàn)，居然動(dòng)態(tài)生成的標(biāo)簽點(diǎn)擊了沒反應(yīng)，而live方法卻能夠支持，于是乎到處查資料，問網(wǎng)友，結(jié)果找了好久在一篇文章中終于找到了答案。。。

jQuery

使用on綁定動(dòng)態(tài)生成的元素時(shí)，不能直接用該對(duì)象操作，而是選擇其非動(dòng)態(tài)生成的父節(jié)點(diǎn)然后再找到本身才能達(dá)到效果。大家看看源碼就知道了。生成的按鈕基數(shù)項(xiàng)on方法點(diǎn)擊無效live方法有效。

比如頁面上有下邊兩個(gè)元素：

input

type="button"

name="addbtn"

value="按鈕添加"

/

div

id="test"

/div

使用下邊的jQuery代碼大家可以對(duì)比看看區(qū)別：

$(function

()

{

var

a

=

1,

$_div

=

$('#test');

$('input[name=addbtn]').on('click',

function

()

{

$_div.append('input

type="button"

name="test'

+

a

+

'"

value="按鈕'

+

a

+

'"/');

a++;

});

//偶數(shù)項(xiàng)點(diǎn)擊事件

$_div.on('click',

'input[name^=test]:even',

function

()

{

alert('我是有效的on方法,你能看見我嗎：'

+

this.value);

});

//奇數(shù)項(xiàng)綁定的點(diǎn)擊事件

發(fā)現(xiàn)點(diǎn)擊無效，而是用live方法卻能夠支持

$('input[name^=test]:odd').on('click',

function

()

{

alert('我是無效的on方法,你不能看見我');

});

//奇數(shù)項(xiàng)綁定的點(diǎn)擊事件

發(fā)現(xiàn)點(diǎn)擊無效，而是用live方法卻能夠支持

$('input[name^=test]:odd').live('click',

function

()

{

alert('我是live方法,你能看見我嗎：'

+

this.value);

});

});

以上所述是小編給大家介紹的jQuery

on()方法綁定動(dòng)態(tài)元素的點(diǎn)擊事件的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

jQuery怎么獲取動(dòng)態(tài)生成的元素，on方法的話，父元素也是動(dòng)態(tài)生成的，怎么寫？

on方法可以對(duì)新生成的元素綁定事件。

on方法第一個(gè)參數(shù)是觸發(fā)事件的名稱；第二個(gè)是偵聽元素，可以是現(xiàn)在的，也可以是動(dòng)態(tài)生成的；第三個(gè)就是具體的實(shí)際處理函數(shù)。

網(wǎng)站標(biāo)題：jqueryon動(dòng)態(tài),jquery動(dòng)態(tài)表格
文章URL：http://chinadenli.net/article25/dsshoji.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)站改版、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)、品牌網(wǎng)站制作、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)