jQueryで属性を持つDiv要素を動的に作成する方法?

jQuery での動的 Div 要素の作成

強力な JavaScript フレームワークである jQuery は、新しい要素の作成など、HTML 要素を操作する便利な方法を提供します。もの。この記事では、jQuery を使用して既存の HTML 構造に div 要素を追加する方法について説明します。

回答:

jQuery バージョン 1.4 以降、自己閉じられた要素は中括弧内に指定された属性を使用して作成されます。 div 要素の場合、次の構文を使用できます:

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

この例では、ID が「some-id」、クラスが「some-class」および「some-other-」を持つ div 要素です。 class」、および「この div にタイトルが付けられました!」というタイトルが表示されます。が作成されます。その後、ID 'mySelector' を持つ要素に追加されます。

jQuery ドキュメントで強調表示され、「jQuery 1.4 リリース: 知っておくべき 15 の新機能」などの記事で例示されているように、このメソッドは、 jQuery でプログラムによって HTML 要素を作成し、属性を付ける柔軟な方法です。

以上がjQueryで属性を持つDiv要素を動的に作成する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。