jQueryでDOM要素を新規作成する

自動しりとりプログラムの作成に当たって、今回はjQueryを利用しています。
特有の書き方が結構あるので、ちょっと慣れるまで時間がかかりそうです。

単一のDOM要素の作成

jQueryには簡単にDOMの要素を作成する機能が用意されています。
通常はHTMLドキュメントを追加したりする際に使われるのかな?

var element = $("<h3></h3>",{class:"sample", text:"あいうえおかきくけこ"});

よくある書き方だと、こんな感じ

 $("<h3></h3>",{
 class: "sample2",
 text: "あいうえおかきくけこ"
 })

要素だけでなく、textや各種attributeも、連想配列みたいな感じで
一緒に定義することができます。

HTMLからまとめてDOM要素を作成

上のやり方だと、いちいち要素のオブジェクトを一つ一つ作る事になります。
jQueryにはHTMLからまとめてDOM要素を作成する方法も提供されています。

var element = $("<div><p>Hello</p></div>")

こんな感じで、HTML文書そのものから、DOMオブジェクトを生成してくれます。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です