jquery以dom方式操作字符串

最新推荐文章于 2018-10-10 22:13:35 发布

原创最新推荐文章于 2018-10-10 22:13:35 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

前端专栏收录该内容

5 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用 jQuery 对 DOM 进行创建、查找和删除操作，并对比了正确的操作方法与常见错误的做法，帮助开发者更好地理解和运用 jQuery。

    $(document).ready(function(){
        //dom字符串
        var node = '<div id="name">22<span id="pname">33</span></div>';
        //转化为jquery对象
        var dom = $(node);
        //jquery操作dom
        console.info(dom.html());
        console.info(dom.find('#pname').html());
        dom.find('#pname').remove();
        $('body').append(dom);
        //以下是错误的打开方式
        console.info($(node).html());
        console.info($(node).find('#pname').html());
        $(node).find('#pname').remove();
        $('body').append($(node));
        /*结果:
        22
        2233
        */
    });