jQuery动态Dom节点

• 创建节点

    html方式：  <p>内容</p>;
    dom方式：  document.createElement("p"); <=> <p></p>
    jquery方式：  $("<p>").text("内容"); <=> <p>内容</p>
                      var div = $('<div></div>')

• 添加节点

  

  • 内部插入元素

  

  • ##外部插入元素

  

• 删除节点

    $('ul).empty() 清空父节点内的所有元素，保留父节点
    $('ul').remove()清空父节点内的所有元素，包含父节点
    $('ul').detach() 清空父节点内的所有元素，包含父节点
  

• 替换节点

    //把div元素替换成p元素
    $('div').replaceWith($('<p>'))
    
    //用p元素来替换div元素
    $('<p>').replaceAll($('div'))

• 复制节点

    //克隆一个li 元素
    //接收两个参数
    //参数1：自己身上的事件要不要复制，默认为false
    //参数2：所有子节身上的事件要不要复制，默认为true
    $('li').clone()