Red de conocimiento informático - Material del sitio web - ¿Cómo cambiar las propiedades de CSS a través de js?

¿Cómo cambiar las propiedades de CSS a través de js?

Usando jQuery puedes cambiar fácilmente las propiedades CSS a través de js, por ejemplo:

$("img").css('border-color','red');

Luego puede cambiar todos los colores de los bordes a rojo.

Esta es una página de prueba para este problema

2. Estas son 3 imágenes

3, este es el estilo de la imagen, el borde predeterminado es gris.

img{

ancho máximo:200px;

color del borde:gris;

ancho del borde:10px;

p>

border-style:solid;

}

4. Ahora use estas líneas de código escritas con jQuery para controlar el borde de la imagen para que se muestre en gris. y rojo según el movimiento del ratón.

$(function(){

$("img").on('mouseover',function(){

$(this).css ('color del borde','rojo');

}).on('mouseout',function(){

$(this).css('color del borde ','gray');

});

5. El efecto es como se muestra en la figura