节点的操作

1.创建节点

var $a1 = $("");

如果创建的节点就是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 ="

";

$("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(){})*/

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

你可能感兴趣的:(节点的操作)