Cómo añadir estilo a un documento de identidad en la tabla Jquery

Usando jQuery hace que sea más fácil de aplicar efectos visuales dinámicos en las páginas Web sin necesidad de ser un experto en JavaScript. Esta biblioteca JavaScript fue diseñado para utilizar CSS (Cascading Style Sheet) selectores, por lo que es muy útil saber al escribir CSS jQuery. Cuando desea agregar estilos a un elemento HTML - como una mesa - usando jQuery, puede hacerlo a través de la función ") (.css". Estilos van dentro de esta función, pero requieren un formato ligeramente diferente que el CSS que va dentro de las hojas de estilo regulares.

Instrucciones

1 Abra la página Web que contiene la tabla en el Bloc de notas o un editor de código. Busque la etiqueta "<table>" apertura y encontrar su nombre de ID:

<Table id = "mitabla">

Añadir un nombre de identificación si la tabla no contiene todavía una.

2 Coloca este código por encima del cierre "</ head>" etiqueta si su página web todavía no incluye el archivo de biblioteca jQuery:

<Script type = "text / css" etiquetas por debajo de la etiqueta "<script>" que incrusta el archivo de biblioteca jQuery. Entre estas etiquetas, escriba su función para forzar jQuery para esperar a que el resto de la página a la carga:

<Script type = "text / css">

$ (Document) ready (function () {

});

</ Script>

4 Escribir un selector de jQuery para seleccionar la tabla por su nombre de identificación. Este selector va entre las llaves de la función "documento listo". Añadir la "css ()" función al selector para que pueda empezar a añadir estilos CSS a la mesa:

$ ( '# Mitabla'). Css ({

});

5 Añadir estilos a la mesa dentro de la "css ()" función:

$ ( '# Mitabla'). Css ({

'color azul',

'Font-family': 'Arial',

'Width': 90% »

});

Observe cómo las comillas sencillas envuelven tanto las propiedades y sus valores. Puede utilizar comillas simples o dobles. Separar cada línea de CSS por una coma.