Comment puis-je créer dynamiquement des éléments DIV avec des attributs spécifiques à l'aide de jQuery ?

Générer dynamiquement des éléments DIV à l'aide de jQuery

Créer un élément DIV de manière dynamique à l'aide de jQuery est un processus simple.

Syntaxe

As de jQuery version 1.4, vous pouvez créer un élément DIV avec des attributs spécifiques en utilisant ce qui suit syntaxe :

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');<h3>Attributs</h3>
<p>Cette syntaxe vous permet de spécifier directement les attributs de l'élément DIV. Voici un exemple :</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>Ajout au DOM</h3>
<p>La méthode appendTo() ajoute l'élément DIV nouvellement créé au DOM en tant qu'enfant du sélecteur spécifié, dans ce cas #main- contenu.</p>
<h3>Documentation et exemples</h3>
<p>Vous pouvez trouver plus de détails sur cette fonctionnalité dans le <strong>Documentation jQuery</strong>.</p>
<p>Pour plus d'exemples sur la façon de créer et de manipuler dynamiquement des éléments à l'aide de jQuery, reportez-vous à des articles tels que « Sortie de jQuery 1.4 : les 15 nouvelles fonctionnalités que vous devez connaître ».</p>
</div>