¿Cómo cambiar el nombre de la clase con jquery o JS?

Jquery puede usar el método attr() o prop() para modificar el nombre de la clase, y JavaScript puede modificar el atributo de nombre de clase del objeto. El código clave es el siguiente:

$("#test "). attr("clase "," azul ");

$("#prueba "). props("clase","azul");

document.getElementById("prueba"). ¿Nombre de la clase? =?"Azul"; El ejemplo de demostración es el siguiente:

1, estructura HTML

& ltstyle & gt

. rojo {color: ¿rojo? ! Importante;}

. azul {color: azul? ! Importante;}

& lt/style & gt;

& ltdiv? id = " test " & gtSoy modelista

& ltEnter? tipo="botón "? id="js"? Value= "Usar el método javascript para cambiar el nombre de la clase a rojo" & gt& ltbr & gt

& ltEnter? tipo="botón"? id="jq"? Valor = "Utilice el método jquery para cambiar el nombre de la clase a azul" & gt& ltbr & gt2.jquery code

$(function(){

$("#jq "). hacer clic(función()?{

$("#test "). attr("clase"," azul");

});

});?

ventana.onload? =?Función(){

document.getElementById("js "). al hacer clic? =?Función(){

document.getElementById("prueba ").

¿Nombre de la clase? =?"Rojo";

}

}3. Demostración del efecto

上篇: ¿ag Super Play ganó el campeonato? ¿Hay alguna introducción al súper juego agrícola? 下篇: El duque Zhou murió de pollo_¿Qué significa que el duque Zhou murió de pollo?