jQuery 如何 動態 產生 div

How to use jQuery create a element

117
要動態產生一個element,在jQuery裡面有更方便的方式
下面這個例子,是將動態產生的一個div,加入原本的div裡面
一開始的div

<div id = "StaticDiv">
<!-- 這裡原本沒有內容-->
</div>

接著寫一段script

<script>
$(document).ready(function(){
$("<div/>", {
"class": "MyClass",
"id": "MyID",
"text": "Here is Div innerHTML"
}).appendTo("#StaticDiv");
});
</script>


當執行完時,原本的div就會變成

<div id = "StaticDiv">
<div class = "MyClass" id = "MyID">
Here is Div innerHTML
</div>
</div>
喜歡我們的文章嗎
給一個讚吧~^^
本站聲明
目前偵測到您現在處於未登入的狀況中 若在此狀態進行收藏很有可能導致資料遺失或錯誤 建議先行登入後重新執行步驟,不僅能保障收藏資料也能獲得最新的資訊唷! kikinote小精靈關心您!
不再顯示此視窗