JQuery è un framework JavaScript che aggiunge molte funzioni utili e semplifica la sintassi del codice. Da quando è stato sviluppato con i progettisti Web in mente, i suoi "selettori" - frammenti di codice che selezionano le parti di una pagina Web - imitano quelli di CSS (Cascading Style Sheet) del codice. Per questo motivo, è possibile selezionare "<link>" tag per contare gli stili in pagine Web. Questi tag possono collegare altri tipi di documenti, oltre fogli di stile, in modo da selezionare appositamente per "<link>" tag contenenti "rel = stylessheet."

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice e verificare che contiene il codice che fa riferimento al file di libreria jQuery. Se il codice non comprende questo, aggiungere le seguenti tag per il codice HTML da qualche parte tra i "<link>" tag e la chiusura tag "</ head>":

<Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js&quot; type =" text / javascript "> </ script>

2 Aggiungere un paio di "<script>" tag sotto il vostro riferimento libreria jQuery:

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

Tutto il codice jQuery andrà tra i "<script>" tag.

3 Dichiarare una nuova variabile e impostare il valore di un selettore che trova i valori di tutti "<link>" tag con un valore "rel" di "foglio di stile":

var countStyles = $ ( 'link [rel = stylesheet]');

Questo codice carica tutte le informazioni sui "<link>" tag in una variabile denominata "countStyles." È ora possibile utilizzare questa variabile per estrarre informazioni e l'uscita alla pagina specifica.

4 Uscita il numero di fogli di stile usando "countStyles.length". Ciò produrrà la "lunghezza" della lista di informazioni memorizzate in "countStyles", che è uguale al numero di "<link>" tag trovato. Selezionare una parte della pagina Web in cui si desidera in uscita questi dati e passare "countStyles.length" in "di testo ()" la funzione:

. $ ( '# Results_div') testo (countStyles.length);

Lo script finito è:

<Script type = "text / javascript">
var countStyles = $ ( 'link [rel = stylesheet]');
. $ ( '# Results_div') testo (countStyles.length);
</ Script>