jq 节点

<div id="box">
    我是内容
</div>
<p class='des'>我是外面的p元素</p>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
        //创建jq对象
        $("div").append('<a href="http://www.baidu.com" target="_blank">百度</a>');

        //创建节点
        $("<span></span>");

        //添加到子元素的最后面
        $("div").append($("p"));
        $("p").appendTo($("div"));

        //$("div").prepend($("p"));
        //$("p").prependTo($("div"));

        //    $('div').after($("p"));
        //    $('div').before($("p"));

    });


    $(function () {
            $(".des").click(function () {
                alert("hehe");
            });

            //可以清空一个元素的内容

            //内存泄露：
            //$("div").html("");
            //清理门户（）
            $("div").empty();

            //删除
            $("div").remove();

            //false:不传参数也是深度复制,不会复制事件
            //true:也是深复制，会复制事件
            //克隆节点
            $(".des").clone(true).appendTo("div");
        });
</script>

转载于:https://www.cnblogs.com/lujieting/p/10104819.html