<body>
<button class="btn">press</button>
<script src="./库/jquery-1.9.1.js"></script>
<script>
//内部插入
//追加到内容之后
var child1 = "<input value='  please input'>"
// $(".btn").append(child1)//可以是字符串,也可以是对象
// $(child).appendTo($(".btn")) //必须是jQuery对象
$(".btn").append(function (n) {
n = child1;
return n;
})
//追加到元素内容之前
//prepend prependTo 与append用法相同
var child2 = "<input type='checkbox'>"
$(".btn").prepend(child2);
//外部插入
//after before
$(".btn").before(child2)
$(".btn").after(child1)
//insertBefore insertAfter 用法与内部插入相同,不能是纯字符串,必须是jQuery对象
</script>
</body>
2021-02-24 jQuery中 dom元素的内部插入/外部插入
最新推荐文章于 2021-09-03 17:44:16 发布