使用jQuery在元素前后与内外部插入Dom节点

使用jQuery在元素前后与内外部插入Dom节点

        在编写代码时，当你想要通过点击事件在某个元素前后添加内容或样式的时候，你可以通过JavaScript编写代码。精明的你也许会发现，与jQuery做对比，使用javaScript编写这部分代码，没有jQuery编写的代码简洁，方便。

        注 ：学习本章节内容要有一定的 HTML , CSS , JavaScript , jQuery 基础。

        接下来我们就来学习怎么使用jQuery在元素前后插入Dom节点。

        在jQuery中插入节点的属性有八种，它们分别是 ：prepend()  ,  prependTo()  ,  append()  ,  appendTo()  ,  before()  ,   after()  ,  insertBefore()  ,  insertAfter() 。

1. prepend()   

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

              说明 ：$(A).prepend(B)表示往A内部的开始处插入B.

                              

样式：  点击之前                                                            点击之后    

                                                                

 

2.prependTo()

              语法 &