节点的操作

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容