JQuery中on()给动态元素绑定事件 作者：马育民 • 2023-07-06 16:40 • 阅读：10025 # 说明 `on()` 属于 **动态加载**，当页面加载完，可以为 **新增加的元素添加事件**。但是必须选定 **父级元素** ### 与click()区别 `click()` 属于 **静态加载**，当页面加载完，就 **不在为新增加的元素** 添加点击事件 ### 例子 ``` <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> </div> <p></p> </body> ``` 参考： https://blog.csdn.net/a4171175/article/details/80464885 原文出处：https://malaoshi.top/show_1IX5oWxWl2dF.html