jQuery添加插入元素--before、after、append、prepend

前言

最近这个项目，由于某些原因，用的js框架是年迈的jQuery。项目中免不了需要添加DOM的操作，自己也老是搞混JQ添加DOM的方法，虽然简单，但是偶尔还是要去看文档用法，觉得文字记忆有点不模糊，于是觉得结合图片来总结一下。

jQuery添加元素的方法

1.before() - 在被选元素之前插入内容

2.after() - 在被选元素之后插入内容

3.prepend() - 在被选元素的开头插入内容

4.append() - 在被选元素的结尾插入内容

添加元素方法图示

demo

  
  
  




  
JQ插入元素---before、after、append、prepend
  

    

      
我是内容一
    
    

      在content前面插入元素（外部）
      在content后面插入元素（外部）
      在text前面插入元素（内部）
      在text后面插入元素（内容）