jQuery - Ajout d'un div au corps, le corps est l'objet?

Question

Lorsque j'ajoute un div au corps, cela renvoie le corps en tant qu'objet, puis chaque fois que j'utilise cela - c'est évidemment en utilisant le corps. Mauvais.

Code:-

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

Le 'id' de holdy est maintenant ajouté au corps ... hein? Qu'est-ce que je fais mal.

Answer 1

les méthodes jQuery renvoient l'ensemble sur lequel elles ont été appliquées.

Utilisez . AppendTo :

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

Answer 2

    $('body').append($('<div/>', {
        id: 'holdy' 
    }));

Answer 3

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

Answer 4

Utilisez plutôt appendTo. append ou appendTo renvoie un objet jQuery pour que vous n'ayez pas à l'envelopper dans $().

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

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

Vous pouvez également essayer cela.

$('<div />', { id: 'holdy' }).appendTo('body');
               ^
             (Here you can specify any attribute/value pair you want)

Answer 5

En utilisant jQuery appendTo essayez ceci:

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

Answer 6

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