Corso raccomandato:

Ottieni contenuto e attributi con jQuery

jQuery possiede potenti metodi per manipolare elementi HTML e attributi.

Operazioni DOM con jQuery

Una parte molto importante di jQuery è la capacità di operare sul DOM.

jQuery fornisce una serie di metodi relativi al DOM, che rendono facile accedere e operare sugli elementi e gli attributi.Suggerimento:

DOM = Document Object Model (Document Object Model)

“Il Document Object Model (DOM) di W3C è un'interfaccia indipendente da piattaforma e linguaggio che permette a programmi e script di accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile dei documenti.”

Ottieni contenuto - text(), html() e val()

Tre metodi semplici e实用 per le operazioni DOM di jQuery:

  • text() - Imposta o restituisce il contenuto testuale dell'elemento selezionato
  • html() - Imposta o restituisce il contenuto dell'elemento selezionato (inclusi i tag HTML)
  • val() - Imposta o restituisce il valore di un campo di form

Ecco un esempio di come ottenere il contenuto utilizzando i metodi text() e html() di jQuery:

Esempio

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Prova te stesso

Ecco un esempio di come ottenere il valore di un campo di input utilizzando il metodo val() di jQuery:

Esempio

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

Prova te stesso

Ottieni attributo - attr()

Il metodo attr() di jQuery viene utilizzato per ottenere valori di attributi.

Ecco un esempio di come ottenere il valore dell'attributo href di un link:

Esempio

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Prova te stesso

Il capitolo successivo spiegherà come impostare (modificare) i valori di contenuto e attributi.

Manuale di riferimento jQuery HTML

Per una guida completa sui metodi HTML di jQuery, visitare il seguente manuale di riferimento: