插入节点
元素内部插入子节点
1.append(content)
$(A).append(B)表示将B追加到A中
如:
(
"
u
l
"
)
.
a
p
p
e
n
d
(
("ul").append(
("ul").append(newNode1);
2.insertAfter(content)
$(A). insertAfter (B)表示将A插入到B之后
如:$newNode1.insertAfter(“ul”);
3.before(content)
$(A). before (B)表示将B插入至A之前
如:
(
"
u
l
"
)
.
b
e
f
o
r
e
(
("ul").before(
("ul").before(newNode1);
4.insertBefore(content)
$(A). insertBefore (B)表示将A插入到B之前
如:$newNode1.insertBefore(“ul”);
元素外部插入同辈节点
1.after(content)
$(A).after (B)表示将B插入到A之后
如:
(
"
u
l
"
)
.
a
f
t
e
r
(
("ul").after(
("ul").after(newNode1);
2.insertAfter(content)
$(A). insertAfter (B)表示将A插入到B之后
如:$newNode1.insertAfter(“ul”);
3.before(content)
$(A). before (B)表示将B插入至A之前
如:
(
"
u
l
"
)
.
b
e
f
o
r
e
(
("ul").before(
("ul").before(newNode1);
4.insertBefore(content)
$(A). insertBefore (B)表示将A插入到B之前
如:$newNode1.insertBefore(“ul”);
<script>
$(function(){
$("h1").click(function(){
var $li=$("<li>新欢</li>")
var $ul=$("ul");
var $li2=$("li:eq(1)");
$li.insertAfter($li2);
$li2.before($li);
$li.insertBefore($li2);
})
})
</script>