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 表明复制后的节点还可以进行复制。