Attributi e jQuery

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 in una pagina html. Non restituisce gli attributi di stile di tutti gli elementi .

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('Paragrafo nuovo');
// aggiunge Paragrafo nuovo 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"