JQuery(5)节点操作

jquery元素节点操作

创建节点

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

插入节点 
1、append()和appendTo()：在现存元素的内部，从后面插入元素

• append的主语是父节点，增加一个小孩   

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

$('#div1').append($span);

• append to的主语是小孩，增加一个parent     

eg：$span.appendTo($('#div1'))

var $span = $('<span>这是一个span元素</span>');
$('#div1').append($span);
......
<div id="div1"></div>

2、prepend()和prependTo()：在现存元素的内部，从前面插入元素

3、after()和insertAfter()：在现存元素的外部，从后面插入元素

4、before()和insertBefore()：在现存元素的外部，从前面插入元素

删除节点

$('#div1').remove();