jquery 元素节点操作 - 创建节点、插入节点、删除节点

var $div2 = $('<div>这是一个div元素</div>');  # 创建节点
append() appendTo() #在现存元素的内部，从后面插入元素
prepend() prependTo() #在现存元素的内部，从前面插入元素
after() insertAfter() #在现存元素的外部，从后面插入元素
before() insertBefore() #在现存元素的外部，从前面插入元素

var $div = $('<div>');
var $div2 = $('<div>这是一个div元素</div>');

        $(function(){
            var $span = $('<span>这是一个span</span>');

            $('div').append($span);
        })

        $(function(){
            var $span = $('<span>这是一个span</span>');
            $span.appendTo($('div'));
        })

            // 在前面插入一个p元素
            var $p = $('<p>这是一个p标签</p>');
            $('div').prepend($p);

            // 在前面插入一个p元素
            var $p = $('<p>这是一个p标签</p>');
            $p.prependTo($('div'));

$('a').prependTo($('div'));

//在div外部后面加一个p元素
$('div').after($p);

var $p = $('<p>这是一个p标签</p>');
$p.insertAfter($('div'));

            // 在div外部的前面加一个#box2 div
            var $div2 = $('<div id="#box2">这是div2元素</div>');
            $('div').before($div2);

            // 在div外部的前面加一个#box2 div
            var $div2 = $('<div id="#box2">这是div2元素</div>');
            $div2.insertBefore($('div'));

// 删除节点
$('a').remove();