DOM

创建元素

$('<div>box</div>')

添加元素

• 添加到最后
  .append(target)在‘我’的最后添加target
  .appendTo(target) 把‘我’添加到target最后
• 添加在最前
  .prepend()在‘我’的首位追加内容
  .prependTo(target)在target的前面添加
  .before([],[])在元素的前面，作为我的兄弟元素（在我的前面插入一个元素）
  .insertBefore(target)在target前插入我（同级）
  删除元素
  .remove()删除
  .empty()清空内部元素
  .detach()删除并暂存
  包裹元素
• .wrap()为每个对象包裹一层HTML结构
  例：

<div class = 'content'>
  <p class = 'p1'>1</p>
  <p class = 'p2'>2</p>
</div>

jQuery:$('p').wrap('<div class = "new"></div>')
结果：

<div class = 'content'>
  <div class="new">
    <p class="p1">1</p>
  </div>
  <div class="new">
    <p class="p2">2</p>
  </div>
</div>

• .wrapAll()把相同的元素放在一起包裹住
  $('.p').wrapAll('<div class = "new"></div>')
  结果：

<div class = 'content'>
  <div class="new">
    <p class="p1">1</p>
    <p class="p2">2</p>
  </div>
</div>

• wrapInner()包裹匹配元素的内容

<div class = 'content'>
  <p class = 'p1'>1</p>
  <p class = 'p2'>2</p>
</div>

$('.p').wrapInner(<span class = 'new'></span>)
结果：

<div class = 'content'>
  <p class = 'p1'>
    <span class = 'new'>1</span>
  </p>
  <p class = 'p2'>
    <span class = 'new'>2</span>
  </p>
</div>

• .unwrap()把DOM元素的parent移除
• .html([string])相当于innerHTML
• text()相当于innerText