Cómo contar los estilos en jQuery

JQuery es un framework JavaScript que añade muchas funciones útiles y simplifica la sintaxis del código. Desde que se desarrolló con los diseñadores de páginas web en cuenta, sus "selectores" - bits de código que seleccionar partes de una página Web - son similares a los de la CSS (Cascading Style Sheet) código. Por esta razón, se puede seleccionar "<link>" etiquetas para contar estilos en sus páginas Web. Estas etiquetas se pueden enlazar otros tipos de documentos, además de hojas de estilo, así que seleccione específicamente para "<link>" etiquetas que contienen "rel = stylessheet."

Instrucciones

1 Abra la página Web en el Bloc de notas o un editor de código y comprobar la presencia de código hace referencia al archivo de la biblioteca jQuery. Si el código no incluye esto, añada las siguientes etiquetas a su HTML en algún lugar entre los "<link>" etiquetas y la etiqueta de cierre "</ head>":

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

2 Añadir un par de "<script>" etiquetas por debajo de su referencia librería jQuery:

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

Todo el código jQuery irán entre los "<script>" etiquetas.

3 Declarar una nueva variable y configurarlo para que el valor de un selector que busca los valores de todos "<link>" etiquetas con un valor de "rel" del "estilo":

var countStyles = $ ( 'enlace [rel = hoja de estilo]');

Este código carga toda la información acerca de los "<link>" etiquetas en una variable llamada "countStyles." Ahora puede utilizar esta variable para extraer información y la enviará a la página específica.

4 Salida el número de hojas de estilo utilizando "countStyles.length". Esta es la salida de la "longitud" de la lista de la información almacenada en "countStyles", que es igual al número de "<link>" etiquetas encontradas. Seleccione una parte de su página Web en la que desea dar salida a estos datos y pasar a "countStyles.length" en el "texto ()" función:

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

El guión terminado es:

<Script type = "text / javascript">
var countStyles = $ ( 'enlace [rel = hoja de estilo]');
. $ ( '# Results_div') texto (countStyles.length);
</ Script>