jQuery contiene potenti metodi per la modifica e la manipolazione di elementi HTML e gli attributi.
jQuery DOM manipolazione
Una parte importante di jQuery è la possibilità di manipolare il DOM.
jQuery è dotato di una serie di metodi DOM correlati che lo rendono facile da accedere e manipolare gli elementi e gli attributi.
DOM = Document Object Model
Il DOM definisce uno standard per l'accesso ai documenti HTML e XML:
"Object Model di W3C DOM (Document) è un'interfaccia piattaforma e del linguaggio neutrale che consente ai programmi e script di accedere in modo dinamico e aggiornare il contenuto, la struttura e lo stile di un documento."
Ottenere Contenuto - text(), html() , e val()
Tre semplici, ma utili, metodi jQuery per la manipolazione del DOM sono:
- text() - Imposta o restituisce il contenuto del testo degli elementi selezionati
- html() - imposta o restituisce il contenuto degli elementi selezionati (compreso il codice HTML)
- val() - imposta o restituisce il valore dei campi modulo
L'esempio seguente mostra come ottenere contenuti con il jQuery text() e html() metodi:
Esempio
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Prova tu stesso " L'esempio seguente mostra come ottenere il valore di un campo di input con il jQuery val() metodo:
Get Attributi - attr()
Il jQuery attr() metodo viene utilizzato per ottenere i valori degli attributi.
L'esempio seguente mostra come ottenere il valore del href attributo in un link:
Il prossimo capitolo spiega come impostare i valori (cambio) contenuto e attributi.
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»
jQuery HTML Reference
Per una panoramica completa di tutti i metodi di jQuery HTML, si prega di visitare il nostro / CSS di riferimento jQuery HTML .