jQuery on()给动态元素绑定事件

最新推荐文章于 2022-12-14 11:54:38 发布

原创最新推荐文章于 2022-12-14 11:54:38 发布 · 968 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

Javascript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一个简单的点击收藏功能实现方式，通过jQuery操作DOM元素来改变收藏状态并更新收藏数量显示。该方法适用于前后端分离的应用场景，能快速响应用户的交互需求。

举例：

    // 点击收藏
    $('.content').on('click', '.iconfont-heart', function() {
        var num_wp = $(this).siblings('.collect-num');
        var num_value = parseInt(num_wp.text());

        if($(this).hasClass('iconfont-heart-full')){
            num_wp.text(num_value-1);
        }else{
            num_wp.text(num_value+1);
        };

        $(this).toggleClass('iconfont-heart-empty iconfont-heart-full');
        $(this).siblings('.collect-num').toggleClass('on');

    });