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 上时，我希望在其上获得 border:1pxsolid #404040 边框。 但现在我得到了所有具有类 .imagethumb

的图像的边框

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

拥有唯一的 id 可以解决这个问题，但我想尝试其他方式。请帮助我。

提前致谢

伊斯梅尔

Answer 1

使用hover和 css :

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