<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
div {
width: 300px;
height: 200px;
border: 1px solid red;
}
</style>
<script src="jquery-1.12.1.js"></script>
<script>
$(function () {
//點(diǎn)擊按鈕,創(chuàng)建元素
$("#btn").click(function () {
//把創(chuàng)建的span標(biāo)簽這個子元素直接插入到div中第一個子元素的前面
$("#dv").prepend($("<span>this is span</span>"));
//主動的方式
$("<span>this is span</span>").prependTo($("#dv"));
//把元素添加到div的后面的位置,是div的下一個兄弟元素了
$("#dv").after($("<span>this is span</span>"));
//把元素添加到div的前面的位置,是div的上一個兄弟元素了
$("#dv").before($("<span>this is span</span>"));
});
});
</script>
</head>
<body>
<input type="button" value="創(chuàng)建一個按鈕" id="btn"/>
<div id="dv">
<p>這是一個p</p>
</div>
<p>這是div后面的第一個子元素</p>
</body>
</html>
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點(diǎn)擊舉報。
