June 19
Poiché jQuery è stato sviluppato per lavorare bene con i CSS (Cascading Style Sheets), è una buona scelta per ottenere il valore CSS di un elemento in una pagina Web. JQuery è una libreria JavaScript che consente di scrivere script utilizzando il proprio insieme di funzioni e regole. È necessario innanzitutto aggiungere la libreria alla pagina Web, e poi si può iniziare a utilizzare il "css) (" funzione per ottenere il valore di qualsiasi insieme di proprietà CSS per qualsiasi elemento HTML. Questi elementi includono contenuto della pagina, come paragrafi, div, tabelle e immagini.
1 Aprire la pagina Web in Blocco note o un editor di codice e controllare i "<script>" tag per un riferimento al file della libreria jQuery. Se non si trova il riferimento sia nella testa o nel piè di pagina Web, aggiungere questo codice:
<Script type = "text / javascript> </ script>
2 Aggiungere un paio di "<script>" tag sotto il file della libreria jQuery:
<Script type = "text / javascript">
</ Script>
Scrivi tutto il codice di script jQuery tra questi due tag.
3 Scorrere verso il basso e trovare l'elemento da cui è necessario per ottenere il valore CSS. Trovare il nome ID nel tag:
<Div id = "mybox">
Contenuto in qui ...
</ Div>
Aggiungere un nome di ID al tag, se non ha ancora uno.
4 Torna al tuo "<script>" tag e scrivere una funzione di "documento pronto" per forzare lo script per attendere che la pagina di termine del caricamento. In una nuova riga all'interno delle parentesi graffe di quella funzione, selezionare l'elemento HTML con il suo nome ID. e fissare il "css) (" la funzione. Dichiarare una variabile di fronte al selettore in modo variabile diventa uguale al risultato di "css ()" la funzione:
$ (Function () {
larghezza var = $ ( "# mybox") css ().;
});
5 Scrivi il nome della proprietà CSS che è necessario per ottenere il valore da dentro le parantheses del "css ()" funzione di mettere le virgolette singole o doppie attorno al nome della proprietà:
$ (Function () {
larghezza var = $ ( "# mybox") css ( "larghezza").;
});