jQuery元素节点操作

Html

Css

超实用的jQuery代码段 - jQuery插入节点元素的方法

您好！您最喜欢的IT公司是：

Google
Apple
Microsoft

.red {
	color:red;
}
.orange {
	color:orange;
}
.blue {
	color:blue;
}
.green {
	color:green;
}
.yellow {
	color:yellow;
}
.black {
	color:black;
}
.aqua {
	color:aqua;
}
.gray {
	color:gray;
}

$("button#button-append").click(function() {
 $("p").append("插入append节点元素 "); //向元素中追加元素
});
$("button#button-appendTo").click(function() {
 $("追加节点元素 ").appendTo("p"); //将元素追加到元素中
});
$("button#button-prepend").click(function() {
 $("p").prepend("前置节点元素 "); //向元素中前置元素
});
$("button#button-prependTo").click(function() {
 $("前置到节点元素 ").prependTo("p"); //将元素前置到元素中
});
$("button#button-after").click(function() {
 $("p").after("节点元素后插入节点元素 "); //向元素元素后插入元素
});
$("button#button-insertAfter").click(function() {
 $("插入到节点元素后 ").insertAfter("p"); //将元素插入到元素后边
});
$("button#button-before").click(function() {
 $("p").before("节点元素前插入节点元素 "); //在元素之前添加元素
});
$("button#button-insertBefore").click(function() {
 $("插入到节点元素前 ").insertBefore("p"); //将元素插入到元素前面
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery元素节点操作



代码描述：jQuery插入节点元素的方法

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

袖~牙

相关代码

超实用的jQuery代码段 - jQuery插入节点元素的方法

jQuery元素节点操作

最新