1. Home
  2. jQuery obtener y definir la clase CSS

El mejor tutorial de jQuery obtener y definir la clase CSS en 2024. En este tutorial podrás aprender operación jQuery CSS,Ejemplos de hojas de estilo,jQuery addClass método (),Ejemplos,Ejemplos,jQuery removeClass método (),Ejemplos,jQuery toggleClass método (),Ejemplos,jQuery css () método,

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.

Hot Tutorials

Contact US

jQuery obtener y definir la clase CSS
10/30