jQuery中on()和click()區別
阿新 • • 發佈：2019-02-07
前言
click()屬於靜態載入，當頁面載入完，就不在為新增加的元素新增點選事件。
on()屬於動態載入，當頁面載入完，可以為新增加的元素新增事件。但是必須選定負級元素。
運用
如果想使用on()動態載入事件，記得一定要選擇父級元素，否則沒有效果，只會作用於本事。
<html> <head> <script type="text/javascript" src="./jq/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#div1").on("click",":button",function(){ $("p").append("<button class='bt'>222</button>"); }); }); </script> </head> <body> <div id="div1"> <button class="bt">111</button> <p></p> </div> </body> </html>
以上重點是獲取了div1這個父級div，選擇在這之中的button按鈕。這樣就新增加在div1之中的button按鈕，就可以動態新增事件了。
參考
http://www.365mini.com/page/jquery-on.htm
http://www.365mini.com/page/jquery-on.htm