jQuery を使用して特定の属性を持つ DIV 要素を動的に作成するにはどうすればよいですか?

jQuery を使用した DIV 要素の動的生成

jQuery を使用した DIV 要素の動的作成は簡単なプロセスです。

構文

としてjQuery バージョン 1.4 では、次のコマンドを使用して特定の属性を持つ DIV 要素を作成できます。構文:

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');<h3 id="属性">属性</h3>
<p>この構文を使用すると、DIV 要素の属性を直接指定できます。以下に例を示します。</p>
<pre class="brush:php;toolbar:false">jQuery('<div>', {
    id: 'my-unique-id',
    class: 'container small-padding',
    title: 'This is my custom DIV'
}).appendTo('#main-content');<h3 id="DOM-への追加">DOM への追加</h3>
<p>appendTo() メソッドは、新しく作成された DIV 要素を、指定されたセレクターの子として DOM に追加します (この場合は #main-) content.</p>
<h3 id="ドキュメントと例">ドキュメントと例</h3>
<p>この機能の詳細については、 <strong>jQuery Documentation</strong>.</p>
<p>jQuery を使用して要素を動的に作成および操作する方法のその他の例については、「jQuery 1.4 リリース: 知っておくべき 15 の新機能」などの記事を参照してください。</p>
</div>