1.4. Aplicar CSS a los elementos HTML con Jquery

El método addClass () se utiliza para aplicar una clase CSS a la parte seleccionada de la página. Contiene el nombre de la clase que se puede aplicar como un parámetro. Mediante la definición de reglas de estilo para las clases de CSS en una hoja de estilos separada, podemos usar este método muy fácilmente. La regla de estilo escrito para diferentes clases CSS en la hoja de estilo puede ser como:

.highlight  {

font-style: italic;

background-color: #0f0;

}

 

Aquí es cómo se aplica la clase CSS:

$('div').addClass('highlight');

$('body').addClass('highlight');

 

En la primera línea de código jQuery, $ ('div') selecciona todos los elementos div del archivo HTML y aplica las reglas de estilo en la clase más destacada a estos. En la segunda línea, el $ ("body") donde el selector de acceso al elemento del cuerpo del archivo HTML y a continuación se aplica la clase CSS.