Come prendere i valori di tag in jQuery

November 25

L ' "() html" funzione jQuery permette di tirare fuori i valori di tag HTML, e rende anche la possibilità di modificare il contenuto dei tag. Quando si utilizza "html ()" a un elemento HTML - qualsiasi parte di una pagina Web creata dal tag HTML - si riceverà anche i tag e qualsiasi altro codice nidificato all'interno dell'elemento. Se si esegue "html ()" a un paragrafo, per esempio, si otterrà testo che include qualsiasi tag di formattazione come "<strong>" indietro come valore. Questa funzione è utile per cambiare parti delle pagine Web o di ottenere il testo da un paragrafo specifico.

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice. Verificare che la pagina Web contiene un tag "<script>" che punta al file di libreria jQuery. Cercare il tag "<script>" tra le "<head>" tag o al di sopra della chiusura "</ body>" tag. Aggiungere questo codice se non si trova il file jQuery:

<Script type = "text / css" href = "& lt; / script"> https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js "> & lt; / script>

2 Individuare i tag HTML che contengono o conterranno valori che si desidera estrarre utilizzando jQuery. Prendere nota dei loro nomi id e class. Quando si vede un nome ID, che si riferisce ad un solo elemento HTML, e un nome di classe può fare riferimento a più elementi HTML.

3 Aggiungere un paio di "<script>" tag senza l'attributo "src" di seguito in cui è stato incorporato il file della libreria jQuery, a meno che già trovare questi tag nel codice:

<Script type = "text / css">

</ Script>

Digitare tutto il codice jQuery tra quei "<script>" tag.

4 Scrivi la funzione "documento pronto" per rendere il browser caricare tutti gli elementi HTML prima che esegue il codice jQuery:

$ (Document) .ready (function () {

});

Tutto il vostro codice di script dovrebbe andare all'interno di questa funzione in modo da non correre prima che la pagina termine del caricamento.

5 Selezionare gli elementi HTML necessari per i loro nomi ID. Aggiungi i seguenti selettori di jQuery con il ".html ()" la funzione:

$ ( '# IdName') html ().;

6 Inserire una dichiarazione di variabile davanti ogni selettore. In jQuery, il formato di questo si è "var = myVariable qualcosa;":

. Var myText = $ ( '# su') html ();

La riga di codice precedente crea una variabile in base al contenuto di un elemento HTML con un nome ID di "circa". Utilizzare questa variabile ovunque si desidera collegare il valore di un tag HTML.

7 Scrivere il codice seguente per rimuovere il valore di un tag HTML:

$ ( '# Su') html ( '.');

Questo codice imposterà il valore di un tag HTML con il nome di ID "su" su una stringa vuota.