La création d'un élément div en jQuery

Question

Comment puis-je créer un élément div en jQuery?

Answer 1

Comme de jQuery 1.4 vous pouvez passer des attributs à un auto-fermée de l'élément comme suit:

jQuery('<div/>', {
    id: 'foo',
    href: 'http://google.com',
    title: 'Become a Googler',
    rel: 'external',
    text: 'Go to Google!'
}).appendTo('#mySelector');

Ici, il est dans les Docs

Des exemples peuvent être trouvés à jQuery 1.4 Sortie: Le 15 Nouvelles Fonctionnalités que vous Devez Savoir .

Answer 2

Sélectionnez d'abord l'élément parent avec quelque chose comme

$("#id"), $("element") or $(".class")

ensuite, utilisez l' .append("<div>foo</div>") fonction. Alternativement, vous pouvez utiliser l' .html() comme mentionné ci-dessus.

$("#foo").append("<div>hello world</div>")

Answer 3

Techniquement $('<div></div>') va "créer" un div (ou plus précisément un DIV élément du DOM), mais l'habitude de l'ajouter à votre document HTML. Vous devrez ensuite utiliser qu'en combinaison avec d'autres réponses à réellement faire quelque chose d'utile avec elle (comme l'utilisation de l' append() méthode, ou autres).

La manipulation de la documentation vous donne toutes les différentes options sur la façon d'ajouter de nouveaux éléments.

Answer 4

d=document.createElement('div');
$(d).addClass(classname)
    .html(text)
    .appendTo($("#myDiv")) //main div
    .click(function(){
        $(this).remove();
    })
    .hide()
    .slideToggle(300)
    .delay(2500)
    .slideToggle(300)
    .queue(function() {
        $(this).remove();
    });

Answer 5

div = $("<div>").html("Loading......");
$("body").prepend(div);