为动态添加的元素绑定事件(事件委托)

最新推荐文章于 2022-09-23 20:20:30 发布

关元

最新推荐文章于 2022-09-23 20:20:30 发布

阅读量1k

点赞数

分类专栏： js jq

本文链接：https://blog.csdn.net/u012993454/article/details/80652333

版权

js 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

<div class="row">
</div>

$(function($) {
        $(".row").on('click','p',function() {
            alert.msg(333);
        });
        $(".row").append("<p>append</p>");
});

这种添加方式叫做事件委托, 将事件委托给父元素,父元素必须是静态的

实例

         $("#age_rank_html").on('change','select',function(eve){
                        var url = "{:mergeUrl('age_rank');}"
                        var data =  {age:$(this).val(),part_load:true};
                        $.post (url, data, function (res)
                        {
                            $("#age_rank_html").html(res);
                        });
         });