Latest web development tutorials

jQuery ottenere contenuto e le proprietà

jQuery ha elementi HTML operabili e attributi modo potente.


operazioni di jQuery DOM

jQuery è una parte molto importante è la capacità di operazioni DOM.

jQuery fornisce un insieme di metodi associati con il DOM, che rende l'accesso e gli elementi e gli attributi manipolando diventato molto facile.

lampadaDOM = Document Object Model (Document Object Model)

DOM HTML e documenti XML per definire criteri di accesso:

"Document Object Model indipendente dalla piattaforma e la lingua dell'interfaccia del W3C che consente ai programmi e script di accedere in modo dinamico e aggiornare la struttura del documento e lo stile."



Ottenere il contenuto - testo (), html () e val ()

Tre metodo semplice e pratico per le operazioni di DOM jQuery:

  • text () - imposta o restituisce il contenuto del testo dell'elemento selezionato
  • html () - imposta o restituisce il contenuto dell'elemento selezionato (compresi i tag HTML)
  • val () - restituisce i campi di valore o di forma

L'esempio seguente dimostra come jQuery testo () e HTML () per ottenere il contenuto:

Esempi

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

Prova »

L'esempio seguente dimostra come jQuery val () per ottenere valori di campi di input:

Esempi

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

Prova »


Ottenere proprietà - attr ()

Metodo jQuery attr () viene utilizzato per ottenere il valore della proprietà.

L'esempio seguente mostra come ottenere il valore dell'attributo link href:

Esempi

$ ( "Button"). Fare clic (function () {
alert ($ ( "# w3big") attr ( "href").);
});

Prova »

Il prossimo capitolo spiegherà come impostare (cambiamento) il contenuto e valori degli attributi.