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

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

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

構文

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

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');

属性

この構文を使用すると、DIV 要素の属性を直接指定できます。以下に例を示します。

jQuery('<div>', {
    id: 'my-unique-id',
    class: 'container small-padding',
    title: 'This is my custom DIV'
}).appendTo('#main-content');

DOM への追加

appendTo() メソッドは、新しく作成された DIV 要素を、指定されたセレクターの子として DOM に追加します (この場合は #main-) content.

ドキュメントと例

この機能の詳細については、 jQuery Documentation.

jQuery を使用して要素を動的に作成および操作する方法のその他の例については、「jQuery 1.4 リリース: 知っておくべき 15 の新機能」などの記事を参照してください。

以上がjQuery を使用して特定の属性を持つ DIV 要素を動的に作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。