jquery中的DOM操作

1、创建节点（两种方式）
用$()来创建节点
用字符串来创建节点

//创建节点的方法 
        //用$()来创建   在页面插入一个标签
        var newElement1=$('<div>div标签</div>');
        $('body').append(newElement1);
        //用字符串来创建节点
        var newElement2='<div>我是用字符串来创建的新标签</div>';
        $('body').append(newElement2);

2、插入节点
1>内部插入
append()向每个匹配元素的尾部插入DOM
$(‘p’).append（newElement）；

appendTo()向每个匹配元素的尾部插入DOM
newElement.appTo（$(‘p’)）

一般是append用的比较多

prepend（） 向每个匹配元素头部插入DOM

prependTo（）向每个匹配元素头部插入DOM

2>外部插入
after（）在匹配元素之后插入DOM

insertAfter（） 在匹配元素之后插入DOM

before（）在匹配元素之前插入DOM

insertBefore（）在匹配元素之前插入DOM 匹配元素在后

3>包裹节点
wrap（） 将所有的匹配元素单独包裹（注意单独包裹）

wrapAll（）将所有匹配元素用一个元素包裹（注意是一个）

wrapInner（） 将所有匹配的元素的子内容用其他标签包裹（注意所有 子内容）

unwrap（）删除元素的父节点

4>删除节点
remove（）删除节点（强调全部删除）

empty（）清空节点 （节点本身不受影响 ）

detach（） 删除节点（节点本身也会被删除）

5>复制节点
clone（bool）克隆节点
当为true时，节点和事件处理程序都会被克隆

当为false时 雉科笼节点不克隆事件处理程序 默认为false

6> 替换节点
replaceWith（）将所有匹配的元素替换成指定的HTML或者DOM元素
replaceAll（）将所有匹配的元素替换成指定的HTML或者DOM元素
两者使用时注意顺序