JQuery è un framework JavaScript che aggiunge molte funzioni utili e semplifica la sintassi del codice. Dal momento che è stato sviluppato con Web designer in mente, suoi "selettori"..--pezzi di codice che selezionare parti di una pagina Web - imitano quelli di codice CSS (Cascading Style Sheet). Per questo motivo, è possibile selezionare il tag "< link >" per contare gli stili nelle pagine Web. Questi tag possono collegare altri tipi di documenti oltre a fogli di stile, quindi selezionare specificamente per tag "< link >" contenente "rel = stylessheet."

Istruzioni

1

Aprire la pagina Web in blocco note o un editor di codice e controllare che contiene codice che fa riferimento il file della libreria jQuery. Se il codice non include questo, aggiungere il seguente tag per il codice HTML da qualche parte tra i tag "< link >" e il tag di chiusura "< / head >":

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

2

Aggiungere una coppia di tag "< script >" sotto il tuo riferimento alla libreria jQuery:

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

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

3

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

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

Questo codice consente di caricare tutte le informazioni sui tag "< link >" in una variabile denominata "countStyles." È ora possibile utilizzare questa variabile per estrarre informazioni specifiche e l'output alla pagina.

4

Uscita il numero di fogli di stile utilizzando "countStyles.length". Questo visualizzerà la "lunghezza" dell'elenco di informazioni memorizzate in "countStyles", che è uguale al numero di "< link >" tag trovato. Selezionare una parte della pagina Web dove vuoi questi dati di uscita e passare "countStyles.length" nella funzione "Text":

$('#results_div').text(countStyles.length);

Lo script finito è:

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