Poiché jQuery è stato sviluppato per funzionare bene con 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 set di funzioni e regole. È innanzitutto necessario aggiungere la libreria alla tua pagina Web, e quindi è possibile iniziare utilizzando la funzione ".css()" per ottenere il valore di qualsiasi proprietà CSS impostare per qualsiasi elemento HTML. Questi elementi includono contenuto pagina ad esempio paragrafi, div, tabelle e immagini.

Istruzioni

1

Aprire la pagina Web in blocco note o un editor di codice e controllare i tag "< script >" per un riferimento al file della libreria jQuery. Se non trovate il riferimento nella testa o piè di pagina della pagina Web, aggiungere questo codice:

< script type = "text/javascript >< / script >

2

Aggiungere una coppia di tag "< script >" sotto il file di libreria di jQuery:

< script type = "text/javascript" >

< / script >

Scrivere tutto il codice di script jQuery tra questi due tag.

3

Scorrere verso il basso e trovare l'elemento da cui è necessario ottenere il valore CSS. Trovare il nome ID nel tag:

< div id = "mybox" >

Contenuti qui dentro...

< / div >

Se non hai ancora uno, aggiungere un nome ID al tag.

4

Torna alla tua tag "< script >" e scrivere una funzione di "documento pronto" per forzare lo script per attendere che la pagina al termine del caricamento. Su una nuova riga all'interno di parentesi graffe di tale funzione, è necessario selezionare l'elemento HTML con il nome di ID. e allegare la funzione ".css()". Dichiarare una variabile davanti il selettore di modo che la variabile diventa uguale al risultato della funzione "css()":

$(function () {

larghezza var = $("#mybox").css();

});

5

Scrivere il nome della proprietà CSS che è necessario per ottenere il valore da dentro il parantheses della funzione ".css()" mettere le virgolette singole o doppie intorno il nome della proprietà:

$(function () {

larghezza var = $("#mybox").css("width");

});