JAvascriptとjquery動的html要素の作成例

この例ではjavascriptとjqueryがhtml要素を動的に作成する方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
1.javascript作成要素
selectの作成

var select = document.createElement("select");
elect.options[0] = new Option("   1", "value1");
select.options[1] = new Option("   2", "value2");
select.size = "2";
testDiv.appendChild(select);

divの作成

var openDiv = document.createElement("div");
openDiv.id = "div3D";
openDiv.style.width = w+"px";
openDiv.style.height = h+"px";
openDiv.innerHTML = strHtml;
document.body.appendChild(openDiv);

2.jquery作成要素

function CreateDom() {
   var select = $("").appendTo($("body"));
   var option1 = $("text1").appendTo(select);
   var option2 = $("text2").appendTo(select);
   var option3 = $("text3").appendTo(select);
   var text = $("").css({ "width": "150px", "border": "1px lightgrey solid" }).appendTo($("body"));
   var checkbox = $("").appendTo($("body"));
   var ul = $("

").appendTo($("body"));
var li = $("

li1

").appendTo(ul);
var li = $("

li2

").appendTo(ul);
}
JavaScriptに関する詳細について興味のある読者は、「JavaScript切り替え特効とテクニックまとめ」、「JavaScript検索アルゴリズムテクニックまとめ」、「JavaScriptアニメーション特効とテクニックまとめ」、「JavaScriptエラーとデバッグテクニックまとめ」、「JavaScriptデータ構造とアルゴリズムテクニックまとめ」、『JavaScript遍歴アルゴリズムとテクニック総括』及び『JavaScript数学演算用法総括』
JavaScriptプログラムの設計に役立つことを願っています.