jQuery impostare il contenuto e le proprietà
Impostare il contenuto - testo (), html () e val ()
Useremo lo stesso metodo come nel capitolo precedente set di tre elementi:
- 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 mostra come il testo (), html () e val () per impostare il contenuto:
Esempi
$ ( "# Test1") testo ( "Ciao mondo!") .;
});
$ ( "# Btn2"). Fare clic (function () {
$ ( "# Test2") html ( "<b> Ciao mondo </ b>") .;
});
$ ( "# Btn3"). Fare clic (function () {
$ ( "# Test3") Val ( "w3big") .;
});
Prova »
text (), html () e val) funzione di callback (
Le suddette tre metodi di jQuery: testo (), html () e val (), ha anche una funzione di callback. Richiamata da due parametri: l'elemento selezionato nell'elenco degli elementi posti sotto il livello corrente, così come il valore originale (vecchia). Poi la funzione restituisce il valore che si desidera utilizzare la nuova stringa.
L'esempio seguente mostra il testo con un callback () e HTML ():
Esempi
$ ( "# Test1"). Text (function (i, origText) {
tornare "vecchio testo:" + origText + "nuovo testo: Ciao mondo (indice :!" + i + ")";
});
});
$ ( "# Btn2"). Fare clic (function () {
$ ( "# Test2"). Html (function (i, origText) {
tornare "vecchio html:" + origText + "new html: Ciao <b> mondo </ b> (indice :!" + i + ")";
});
});
Prova »
Impostare gli attributi - attr ()
Metodo jQuery attr () viene utilizzato per impostare / modificare il valore della proprietà.
L'esempio seguente mostra come modificare l'attributo href collegamento valore (impostazione):
Esempi
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});
Prova »
il metodo attr () consente anche di impostare più proprietà contemporaneamente.
L'esempio seguente mostra come impostare l'attributo sia href e titolo:
Esempi
$ ( "# W3big"). Attr ({
"Href": "http://www.w3big.com/jquery",
"Titolo": "jQuery Tutorial"
});
});
Prova »
attr () funzione di callback
Metodo jQuery attr (), fornisce anche una funzione di callback. Richiamata da due parametri: l'elemento selezionato nell'elenco degli elementi posti sotto il livello corrente, così come il valore originale (vecchia). Poi la funzione restituisce il valore che si desidera utilizzare la nuova stringa.
Il seguente esempio illustra un metodo funzione di callback attr ():
Esempi
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
Prova »