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：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');
   }
 );