节点的操作

1.创建节点

var $a1 = $("<input type = "button" value = "登录">");

如果创建的节点就是jquery对象，那就直接使用方法就可以；

如果不是jquery对象，那就将字符串放入$()中

2.添加子节点

/*元素内部插入子节点*/

$("div").append(A);/*将A插入到div中*/

$(A).appendTo("div");/*将A插入到div中*/

$("div").prepend(A);/*将A插入到div第一位*/

$(A).prependTo("div");/*将A插入到div第一位*/

3.添加同辈节点

/*元素外部插入同辈节点*/

$("p").after(A);/*将A插入到p后面一位*/

$(A).insertAfter("p");/*将A插入到p后面一位*/

$("p").before(A);/*将A插入到p前面一位*/

$(A).insertBefore("p");/*将A插入到p前面一位*/

4.删除节点

/*删除节点*/

$("p").remove();/*删除整个p节点，但是节点依然显示存在，ID也被占用*/

$("p").empty();/*清空节点p中的内容，清空节点节点中的所有元素并保留该节点*/

$("p").detach();/*删除整个节点，保留元素的绑定事件、附加的数据*/

5.替换节点

/*替换节点*/

var $div ="<p></p>";

$("div").replaceWith($div);/*用自定义的$div替换div（要替换的旧元素在前，新元素在后）*/

$(".p").replaceAll("div");/*用class=p的标签替换div，不能写函数（新元素在前，要替换的旧元素在后）*/

6.复制节点

/*复制节点*/

$("div").clone();/*复制某个节点，参数true是复制事件处理，false不复制事件*/

7.绑定和解除事件

/*绑定事件与移除事件*/

$("div").bind([type],[fn]);/*事件类型（click，hover），添加的事件(function(){})或者方法名（r）*/

$("div").bind({"click":[fn],"click":[fn]});/*事件类型（click，hover），添加的事件(function(){})或者方法名（r）*/

$("div").on("click",".del",[fn]);/*添加新的节点之后，绑定事件，和bind一样类似，不过把搜寻的标签放在第二位就可以了*/

$("div").unbind([type],[fn]);/*事件类型，添加的事件(function(){})*/

/*移除方法不带参数代表移除所有的事件*/