Jqerry的DOM元素操作

一.DOM操作概念：

　　1.DOM操作，可以简单地理解为“操作元素”。

　　2.DOM采用的是“树形结构”,用“树节点”的形式来表示页面中的每一个元素。
　　3.每一个元素就是一个节点，而每个节点就是一个对象。操作元素的时候，就是把这个这个元素看成一个对象，然后使用对象的属性和方法来进行的相关操作。

二．插入节点(添加元素)

1.Prepend()  　　往A元素内部的开始处插入B元素
语法：$(A).prepend(B)

示例图：

2.PrependTo() 　　将A元素插入到B元素的内部开始处

语法：$(A).prependTo(B)

示例图：

 

 

 

效果图：

 

 

 

*友情提示：Prepend()和PrependTo()熟练掌握一种即可

 

3.append()  　　往A元素内部的末尾处插入B元素
语法：$(A).append(B)

示例图：

 

 

 

效果图：

 

 

 

4.appendTo() 　　将A元素插入到B元素末尾处
语法：$(A).appendTo(B)

示例图：

 

 

 

 

效果图：

 

 

 

 

*友情提示：append()和appendTo()熟练掌握一种即可

5.before()  　　往A元素外部的前面插入B元素
语法：$(A).before(B)

示例图：

 

 

 

 

效果图：

 

 

 

 

6.insertBefore() 　　将A元素插入到B元素的外部的前面
语法：$(A).insertBefore(B)

*因为和before()方法一样就不演示了，和before()的关系就像Prepend和PrependTo的关系一样

 

7.after()  　　往A元素外部的后面插入B元素
语法：$(A).after(B)

示例图：

 

 

 

 

效果图：

 

 

 

 

 

 

 

8.insertAfter()  　　将A元素插入到B元素的外部的后面
语法：$(A).iinsertAfter(B)

*和after方法的作用一样

*温馨提示：两种同样作用的方法熟练掌握一种即可。

 *以上内容仅供参考