JS 操作节点
原创manlianman 博主文章分类:JAVA WEB 开发 ©著作权
©著作权归作者所有:来自51CTO博客作者manlianman的原创作品,请联系作者获取转载授权,否则将追究法律责任
js的节点操作:
1:插入节点:插入节点的方法有append() ; appendTo() ;prepend() ; after() ; insertafter() ; before() ; insertbefoere() 等方法,
简单介绍这些方法的区别:
用两个元素A和B来分别代表两个HTML元素 :<p> 同学 </p> 和 <b> 你好</b>
$("A").append(B) 这个方法的意思是把B元素加入到A元素当中,这个得到的结果是:<p> 同学<b>你好</b></p>;
$("A").appendTo(B) 这个方法与append 正好 相反,是把A元素加入到B元素中,结果是:<b>你好<p>同学</p></b>;
$("A").prepend(B) 这个方法是把B元素加入到A元素内部最前,结果是:<p><b>你好</b>同学</p>;这个方法把在每个元素内部前置内容,也就是加入到匹配元素的第一个。
$("A").after(B) 就是在A元素的后面插入B元素,结果是:<p>同学</p> <b>你好</b>
$("B").insertafter(A) 这个方法从字面意思可以理解就是把B元素插入到A元素的后面,因此得到的结果与$("A").after("B")的结果相同 。
before 与 insertbefore 与after insertafter 的区别是一样的。
2:删除节点:删除节点主要有两个方法:remove(); 和 empty();
remove() 方法是把这个节点进行删除,这个方法的返回值是指向被删除节点的引用,如:
var a =$("ul li:eq(1)").remove();
a.appendTo($("ul")) /
remove()后的节点仍可以继续使用;
empty() 方法是清空该节点,清空与删除不同它是清空后代节点,如:
<li title="apple" > apple </li>
这个节点清空后,剩下的是<li title="apple"/>
3:复制节点:
方法是clone() 顾名思义就是“克隆”,就是把这个节点进行复制,如:$("ul li:eq(1)").clone();
clone() 这个方法还有一个参数:clone(true), true 表明复制后的节点还可以进行复制。
下一篇:初次开通博客。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
js获取节点 dom操作
接口 nodeType常量 nodeType值 备注
职场 js 休闲 dom操作 -
js操作节点对象-getElementById
js操作节点对象
前端开发 JavaScript -
js操作元素节点对象value
js操作元素节点对象value
javascript 元素节点 -
js轮播及操作节点属性
反选:<html> <head> <meta charset="utf-8" /> <title></title> <script> function abc(){ var aihao=documen
js操作table html javascript i++ Java -
js操作元素节点对象innerHTML
js操作元素节点对象innerHTML
javascript html 元素节点 -
JS之DOM篇-节点操作
DOM节点操作方法包括创建节点、插入节点、删除节点、替换节点、查看节点(指的是查看节点间的关系)、复制节点。 创建节点 .
html github 插入节点 深复制 i++