課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(三)—事件篇
希望大佬解惑!
2019-05-14
源自:jQuery基礎(chǔ)(三)—事件篇 5-1
正在回答
click()只對頁面已經(jīng)存在的元素起作用,動(dòng)態(tài)生成的元素需要用到on,比如頁面中存在一個(gè)button,<button id='btn1' type='button'>btn1</button>,$('#btn1').click(....)是可以成功觸發(fā)的,但如果動(dòng)態(tài)創(chuàng)建一個(gè)新的button比如這樣:$('#btn1').after("<button id='btn2' type='button'>btn2</button>"),調(diào)用$('#btn2').click時(shí)是不起作用的,on('click','#btn2',function())則可以正常觸發(fā)。
直接綁定一次只能對應(yīng)一個(gè)事件和一個(gè)函數(shù);如果用on綁定,一次可以進(jìn)行多種事件的綁定,以及多種函數(shù)的選用
我試了下,無論是$('#btn2').click(function(){})還是$('#btn2').on('click',function())都可以起作用啊
舉報(bào)
jQuery第三階段開啟事件修煉,掌握對頁面進(jìn)行交互的操作
2 回答on的事件綁定
3 回答為什么直接用本標(biāo)簽綁定事件不行?一定要用父元素或祖先元素綁定才能起作用?
5 回答冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為
2 回答綁定body的事件冒泡
2 回答click事件的用法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-05-15
click()只對頁面已經(jīng)存在的元素起作用,動(dòng)態(tài)生成的元素需要用到on,比如頁面中存在一個(gè)button,<button id='btn1' type='button'>btn1</button>,$('#btn1').click(....)是可以成功觸發(fā)的,但如果動(dòng)態(tài)創(chuàng)建一個(gè)新的button比如這樣:$('#btn1').after("<button id='btn2' type='button'>btn2</button>"),調(diào)用$('#btn2').click時(shí)是不起作用的,on('click','#btn2',function())則可以正常觸發(fā)。
2020-04-01
直接綁定一次只能對應(yīng)一個(gè)事件和一個(gè)函數(shù);如果用on綁定,一次可以進(jìn)行多種事件的綁定,以及多種函數(shù)的選用
2019-09-08
我試了下,無論是$('#btn2').click(function(){})還是$('#btn2').on('click',function())都可以起作用啊