jQuery 如何 動態 產生 div

How to use jQuery create a element

作者: 七味粉 |
文章2013-04-18
58 分享
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>
貼心小提醒
1.您目前未登入,若於此狀態進行文章收藏,紀錄可能無法長期保留。
2.建議登入後進行收藏,好文會幫你保存著,隨時要看也不怕找不到唷~

KiKiNote持續為您提供最優質的資訊內容,謝謝您!
不再顯示此視窗

複製成功