jQuery: creare elementi

jQuery permette di creare elementi al volo usando il wrapper $(). Questo metodo accetta sia stringhe che espressioni DOM, e si rivela incredibilmente potente per alterare la struttura di un documento con estrema precisione e affidabilità. Vediamone insieme i dettagli.

Stringhe

Si possono usare stringhe come la seguente:

$('<div class="test" id="test"/>').text('Test').appendTo('body');

o si possono passare attributi e metodi dell'elemento in un oggetto letterale usato come secondo argomento:

$('<div/>', {
  'class': 'test',
  id: 'test',
  text: 'Test'
}).appendTo('body');

Si noti come class vada racchiusa tra virgolette in quanto parola riservata ECMAScript.

Espressioni DOM

Si possono anche usare espressioni DOM come la seguente:

$(document.createElement('div')).
addClass('test').
attr('id', 'test').
text('Test').
appendTo('body');

jQuery converte automaticamente il riferimento restituito dal metodo DOM in un nuovo elemento del suo set.