jquery - 所有图像褪色的相同功能

Question

当我将鼠标悬停在图像支架上时，我想将 css 应用到它。

下面是我的css

#thumbholder
{
height:30%;
width:100%;
}

.imagethumb
{
height:160px;
width:200px;
border:1px solid #707070;
padding:1%;  
margin:0.6%;
}

使用 jquery，当我将光标放在 .imagethumb 上时，我想在 .imagethumb 上获得 border:1px solid #404040 边框。 但现在我得到所有具有类 .imagethumb

的图像的边框

请帮我编写一个 jquery 函数，当我将光标放在单个图像上时，它可以让单个图像获得边框。

拥有唯一 ID 可以解决此问题，但我想尝试其他方式。请帮帮我。

提前致谢

伊斯梅尔

Answer 1

使用hover 和css：

$('.imagethumb').hover(
   function() {
      $(this).css('border', '1px solid #404040');
   },
   function() {
      $(this).css('border', '1px solid #707070');
   }
 );