jquery on函数监听动态添加的元素

最新推荐文章于 2022-11-13 20:07:37 发布

东语~

最新推荐文章于 2022-11-13 20:07:37 发布

阅读量2.2k

点赞数 3

分类专栏： JavaScript 开发文章标签： jquery on

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/psp0001060/article/details/111225787

版权

JavaScript 开发专栏收录该内容

24 篇文章

订阅专栏

支持给动态元素和属性绑定事件的是live和on，其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on，使用on的时候也要注意，on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在on的第二个参数里面。

案例如下：

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
            $("#btn").click(function(){
                $('#div1').append('<button>newAdd</button>')
            });

            $("#div1").on("click",'button',function(){
                alert("click");
            });
        });
    </script>
</head>
<body>
<div id="div1">

</div>
<button>abc</button>
<input type="button" id='btn' value='add'/>

</body>
</html>