jQuery节点操作

jQuery节点操作：

1. 创建节点

var $a=$('<a href="www.baidu.com">Baidu</a>');

2. 添加节点
   a.添加到子元素的最后面（常用）

$("div").append($("p"));
//在$("div")的内部最后追加一个$("p")
$("p").appendTo($("div"));
//在$("div")的内部最后追加一个$("p")，可以写选择器，比如$("p").appendTo("#dv");

b.添加到子元素的最前面

$("div").prepend($("p"));
//在$("div")的内部最前面添加一个$("p")
$("p").prependTo($("div"));
//在$("div")的内部最前面添加一个$("p")，可以写选择器，比如$("p").prependTo("#dv");

c.添加兄弟元素

$('div').after($("p"));//在$("div")的外部后面添加一个兄弟元素$("p")
$('div').before($("p"));//在$("div")的外部前面添加一个兄弟元素$("p")

3. 清空节点（清除子元素）

    $("div").html("");
    //对$("div")的内容赋值为 空字符串，这种方法清空节点，不能清楚原子元素的事件，会占内存，造成内存泄漏
    $("div").empty();
    //常用的清除节点方法，可以连同事件一起清除

4. 删除节点（自杀了）

$("div").remove();
//删除自己，自己把自己干掉了

5.克隆节点

jQuery.clone(boolean);
//clone方法，这是一种深度复制的方法，返回值为 克隆所得的新的jQuery对象
//可传入一个boolean类型参数
//值为true，会复制原对象具有的事件，值为false，不会复制原对象具有的事件
//默认值为false