此為上課的筆記,用來往後複習時
主要是用來練習動態新增,利用Collapsible為應用
製作一份html標籤
<body>
<div id="content">
</div>
</body>
撰寫動態新增程式
<script>
$(function () {
var $h3 = $("<h3>"); //new Control
$h3.text("header"); //Set property
var $p = $("<p>"); //new Control
$p.text("Hello"); //Set property
var $div = $("<div>"); //new Control
$div.attr("data-role", "collapsible"); //Set property
$div.append($h3); //add to parent
$div.append($p); //add to parent
$("#content").append($div); //add to parent
$div.collapsible();
});
</script>
執行結果
