jQuery的DOM操作

1、内部插入

jQuery的DOM操作_第1张图片

jQuery的DOM操作_第2张图片jQuery的DOM操作_第3张图片

1)向尾部插入子节点

append()是在尾部添加    选择一个包装集,追加一个子节点

jQuery的DOM操作_第4张图片

jQuery的DOM操作_第5张图片jQuery的DOM操作_第6张图片

append to() 将创建的子节点追加到哪个位置

2)向头部插入子节点:

jQuery的DOM操作_第7张图片

2、外部插入   兄弟节点的插入

jQuery的DOM操作_第8张图片

jQuery的DOM操作_第9张图片

1)before()

jQuery的DOM操作_第10张图片   jQuery的DOM操作_第11张图片

2)after()

jQuery的DOM操作_第12张图片

jQuery的DOM操作_第13张图片

3)insertAfter

jQuery的DOM操作_第14张图片

jQuery的DOM操作_第15张图片

4)insertBefore()

jQuery的DOM操作_第16张图片

jQuery的DOM操作_第17张图片

jQuery的DOM操作_第18张图片

3、包裹

jQuery的DOM操作_第19张图片

 

1)wrap()

jQuery的DOM操作_第20张图片

jQuery的DOM操作_第21张图片 jQuery的DOM操作_第22张图片

2)unwrap()    去掉选中标签的父级

去掉了li的ul

jQuery的DOM操作_第23张图片

3)wrapAll()

jQuery的DOM操作_第24张图片

4)wrapInner()

jQuery的DOM操作_第25张图片

4、替换

 

jQuery的DOM操作_第26张图片

5、删除

jQuery的DOM操作_第27张图片

jQuery的DOM操作_第28张图片

jQuery的DOM操作_第29张图片

6、复制

 

jQuery的DOM操作_第30张图片

有两个节点,会拷贝两个

jQuery的DOM操作_第31张图片

如果拷贝一个:

jQuery的DOM操作_第32张图片

jQuery的DOM操作_第33张图片

也可以用一行代码:

jQuery的DOM操作_第34张图片

你可能感兴趣的:(jquery)