jQuery
attributi
Ricerca…
Osservazioni
La funzione jQuery .attr() , ottiene il valore di un attributo per il primo elemento nel set di elementi corrispondenti o imposta uno o più attributi per ogni elemento corrispondente.
Vale la pena notare che quando si ottiene il valore di un attributo, lo ottiene solo dal primo elemento che corrisponde al selettore (cioè $("input").attr("type"); otterrebbe solo il tipo del primo input se ce ne sono più di uno)
Tuttavia, quando si imposta un attributo, lo applicherà a tutti gli elementi corrispondenti.
Ottieni il valore dell'attributo di un elemento HTML
Quando un singolo parametro viene passato alla funzione .attr() restituisce il valore dell'attributo passato sull'elemento selezionato.
Sintassi:
$([selector]).attr([attribute name]);
Esempio:
HTML:
<a href="/home">Home</a>
jQuery:
$('a').attr('href');
Recupero degli attributi dei data :
jQuery offre la funzione .data() per gestire gli attributi dei dati. .data funzione .data restituisce il valore dell'attributo data sull'elemento selezionato.
Sintassi:
$([selector]).data([attribute name]);
Esempio:
html:
<article data-column="3"></article>
jQuery:
$("article").data("column")
Nota:
Il metodo data () di jQuery ti consentirà di accedere agli attributi data- *, MA, in tal modo occlude il caso del nome dell'attributo. Riferimento
Impostazione del valore dell'attributo HTML
Se vuoi aggiungere un attributo ad un elemento puoi usare la funzione attr(attributeName, attributeValue) . Per esempio:
$('a').attr('title', 'Click me');
Questo esempio aggiungerà il testo del mouseover "Click me" Cliccami "Click me" a tutti i link sulla pagina.
La stessa funzione è usata per cambiare i valori degli attributi.
Rimozione dell'attributo
Per rimuovere un attributo da un elemento puoi usare la funzione .removeAttr(attributeName) . Per esempio:
$('#home').removeAttr('title');
Questo rimuoverà l'attributo title dall'elemento con ID home .
Differece tra attr () e prop ()
attr() ottiene / imposta l'attributo HTML usando le funzioni DOM getAttribute() e setAttribute() . prop() funziona impostando la proprietà DOM senza modificare l'attributo. In molti casi i due sono intercambiabili, ma a volte uno è necessario sull'altro.
Per impostare una casella di spunta come selezionata:
$('#tosAccept').prop('checked', true); // using attr() won't work properly here
Per rimuovere una proprietà puoi usare il metodo removeProp() . Allo stesso modo removeAttr() rimuove gli attributi.