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