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(){})*/
/*移除方法不带参数代表移除所有的事件*/