Latest web development tutorials

jQuery obtener y definir la clase CSS

Por jQuery, puede funcionar fácilmente en elementos CSS.

operación jQuery CSS

jQuery tiene varios métodos de operación CSS. Vamos a aprender lo siguiente:

  • addClass () - Añadir una o más categorías al elemento seleccionado
  • removeClass () - Elimina uno o más elementos seleccionados de la clase
  • toggleClass () - para el elemento seleccionado en la opción Agregar / Quitar operación de cambio de clase
  • css () - Establece o devuelve los atributos de estilo

Ejemplos de hojas de estilo

La siguiente hoja de estilo se utilizará para todos los ejemplos en esta página:

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

jQuery addClass método ()

El siguiente ejemplo muestra cómo agregar un atributo de clase de los diferentes elementos. Por supuesto, cuando se agrega una clase, también puede seleccionar varios elementos:

Ejemplos

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

Trate »

También se puede especificar en el método en múltiples categorías addClass ():

Ejemplos

$("button").click(function(){
$("#div1").addClass("important blue");
});

Trate »

jQuery removeClass método ()

El siguiente ejemplo muestra cómo eliminar la clase especificada atribuir diferentes elementos:

Ejemplos

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

Trate »

jQuery toggleClass método ()

El siguiente ejemplo muestra cómo utilizar el método jQuery toggleClass (). El método de las operaciones de conmutación de los elementos seleccionados Agregar / Quitar clase:

Ejemplos

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

Trate »

jQuery css () método

Vamos a explicar el método jQuery css () en el siguiente capítulo.