jQuery - Ajouter un div pour le corps, le corps est l'objet?

Quand je suis en ajoutant un div pour le corps, c'est de retourner le corps comme objet et à chaque fois que j'utilise, c'est de toute évidence à l'aide du corps. Mauvais.

Code:-

var holdyDiv = $('body').append('div');
$(holdyDiv).attr('id', 'holdy');

Le " id " de holdy est maintenant ajouté à corps... hein? Ce que je fais mal.

InformationsquelleAutor waxical | 2012-02-02
  1. 73

    les méthodes jQuery retourne le jeu qu'ils ont été appliqués sur.

    Utilisation .appendTo:

    var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');
    • Qui semble pour l'ajouter à la bonne place, mais de retour à chaque objet? comme lorsque j'ai mis le holdyDiv id il a changé toutes les id de holdDiv.
    • Il sera de retour l'élément DIV simplement ajoutés et d'appliquer l'id de cet élément uniquement.
    InformationsquelleAutor Didier Ghys
  2. 19
        $('body').append($('<div/>', {
        id: 'holdy' 
    }));
    InformationsquelleAutor thecodeparadox
  3. 11
    $('</div>').attr('id', 'holdy').appendTo('body');
    InformationsquelleAutor xdazz
  4. 7

    Plutôt utiliser appendTo. append ou appendTo retourne un objet jQuery afin de ne pas avoir à envelopper à l'intérieur de $().

    var holdyDiv = $('<div />').appendTo('body');
holdyDiv.attr('id', 'holdy');

    .appendTo() référence: http://api.jquery.com/appendTo/

    Alernatively vous pouvez l'essayer aussi.

    $('<div />', { id: 'holdy' }).appendTo('body');
               ^
             (Here you can specify any attribute/value pair you want)
    • var holdyDiv = $('div').appendTo('body'); devrait être var holdyDiv = $('<div />').appendTo('body');. Noter le changement: 'div' --> '<div />'. Comme écrit dans la réponse, le "holdy' id, à tort, être appliquée à tous les pré-existante de la vrd, pas juste un nouvellement créé div.
    • C'est correct. Merci @AndrewWillems pour le pointant à l'extérieur.
    InformationsquelleAutor ShankarSangoli
  5. 5

    À l'aide de jQuery appendTo essayez ceci:

    var holdyDiv = $('<div></div>').attr('id', 'holdy');
holdyDiv.appendTo('body');
    InformationsquelleAutor sinemetu1
  6. 2
    var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');
    • Cette réponse a actuellement 2 downvotes. Je soupçonne que 2 raisons (1) il est le seul code (valable mais une légère critique); (2) elle est identique à la accepté de répondre (actuellement 35 upvotes). Cependant, l'historique de l'édition montre cette réponse fait une petite mais très importante correction pour la accepté de répondre. Original accepté réponse: var $div=$('div')... référence incorrecte à tous les pré-existant divs. Cette correction: var $div=$('<div/>)...", en référence correctement à une seule nouvellement créé div. La réponse a été acceptée par la suite modifiés. Bravo à @Abhishek. (Certains autres réponses aussi pris à ce sujet).
    InformationsquelleAutor Abhishek