<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>插入节点</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<p id="B">编程词典</p>
<p id="A">明日图书</p>
</div>
<script>
$(document).ready(function(){
var $p_1=$("<p>明日图书</p>");
var $p_2=$("<p>编程词典</p>");
$div=$("div");
$div.append($p_1);
$p_2.appendTo($div);
});
</script>
<p id="A">明日图书</p>
<p id="B">编程词典</p>
<script>
$(document).ready(function(){
$("#B").insertBefore("#A");
$("#B").before("<p>A</p>");
$("<p>test</p>").insertAfter("#B");
$("#B").after("<p>A</p>");
});
</script>
</body>
</html>
【第四章】插入节点
最新推荐文章于 2021-04-16 10:47:51 发布