Manipolare gli attributi HTML utilizzando jQuery

Metodo Descrizione Sintassi
attr() Ottieni o imposta il valore dell'attributo specificato dell'elemento o degli elementi di destinazione. $('espressione di selezione') .attr('nome','valore');
prop() Ottieni o imposta il valore di una determinata proprietà dell'elemento o degli elementi di destinazione. $('espressione di selezione') .prop('nome','valore');
html() Ottieni o imposta il contenuto html sull'elemento o sugli elementi di destinazione specificati. $('espressione di selezione') .html('contenuto');
text() Ottieni o imposta il testo per l'elemento o gli elementi di destinazione specificati. $('espressione di selezione') .text('contenuto');
val() Ottieni o imposta la proprietà valore dell'elemento target specificato. $('espressione di selezione') .val('valore');

Esempio attr():

$('p').attr('style');

$('div').attr('class','divCls');  
// aggiunge class='divCls' ad ogni elemento div

Nell'esempio sopra riportato, $('p').attr('stile') ottiene l'attributo di stile del primo elemento <p> in una pagina html. Non restituisce gli attributi di stile di tutti gli elementi <p>.

Esempio prop():

let style = $('p').prop('style');
style.fontWeight;
// returns "bold"
$('div').prop('class','miaClasse');
// aggiunge class="miaClasse" a tutti gli elementi div

Esempio html():

$('#mioDiv').html();
// restituisce innerHtml di #mioDiv
$('#primoDiv').html('<p>Paragrafo nuovo</p>');
// aggiunge <p>Paragrafo nuovo</p> a #primoDiv

Esempio text():

$('#mio').text();
// rende il testo presente in #mio
$('#primo').text('Testo alternativo');
// rimuove tutto il contenuto da #primo ed inserisce "Testo alternativo"

Esempio val():

$('input:text').val('Tuttofaredigitale');
// imposta il valore con "Tuttofaredigitale"
$('input:text').val();
// restituisce "Tuttofaredigitale"