关于jQuery_DOM操作中的添加，删除，替换标签方法

jQuery_DOM操作

一.方法

• 给标签添加，删除父级标签：

  • wrap

    在每个匹配的元素外层包上一个html元素

  • unwarp

    将匹配元素集合的父级元素删除，保留自身在原来的位置

  • wrapAll

    在所有匹配元素外面包一层HTML结构

  • wrapInner

    在匹配元素里的内容外包一层结构

• 在标签里面添加标签或内容：

  • append

    在每个匹配元素里面的末尾处插入参数内容

  • prepend

    将参数内容插入到每个匹配元素的前面（元素内部）

• 给标签添加兄弟标签：

  • after

    在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其 兄弟节点

  • before

    根据参数设定，在匹配元素的前面插入内容，作为其兄弟节点

• 移除，替换标签：

  • empty

    从DOM中移除集合中匹配元素的所有子节点

  • remove()

    将匹配元素集合从DOM中删除

  • replaceAll()

    用集合的匹配元素替换每个目标元素

  • .replaceWith()

    用提供的内容替换集合中所有匹配的元素

二.实例

• wrap unwrap wrapAll wrapInner

  
  
  
      
      
      
      
      
  
  
      
  Hello!
      
  jQuery!
      
  哈哈
      
  哈哈
      起飞！
      
  哈哈
      
  
  

  

• append prepend

  
  
  
      
      
      
      
      
  
  
      
  
          
   
              我是分割线：
              
  
          
  
      
      
  
  

  

• after before

  
  
  
      
      
      
      
      
  
  
      
  
          
  Hello!
      
      
  
  

  

• empty remove replaceAll replaceWith

  
  
  
      
      
      
      
      
  
  
      
  
          
  Hello!
          jQuery!
      
      
  
          
  哈哈哈哈
          起飞！~
      
      
  hhh
      
  起飞~