jquery 动态添加元素,动态删除元素

最新推荐文章于 2025-06-25 11:23:05 发布

sxzshushu

最新推荐文章于 2025-06-25 11:23:05 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： jquery

本文链接：https://blog.youkuaiyun.com/qq_41676216/article/details/82499772

前端学习专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery实现元素的动态添加和移除功能。通过监听输入框的改变事件，将输入值添加到页面中，并为每个添加的元素绑定点击事件以便于移除。该方法适用于创建可交互的用户界面，如标签云或动态选项列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    $('#input').change(function () {
            console.log($('#add'));
            value = this.value;
            if (this.value){
                $('#add').append("<a name='key' class='btn btn-success fa fa-close'>"+this.value+"</a>");
            }

        });
        $(document).on('click','a[name="key"]',function () {
            console.log('点击了');
            console.log(this);
            this.remove();
        });