Question

我有多个div分配了一个名为projectContainer的类，它基本上使每个div具有一定的大小并将背景设置为白色。我希望能够在悬停在该类的任何div上时，为该特定div设置动画。以下代码将动画该类的所有内容，在悬停时将颜色从白色更改为红色：

$(".projectContainer").hover(function(){
 $(".projectContainer").animate({
   backgroundColor:'rgb(189,29,54)'},100);
},
function(){
 $(".projectContainer").animate({
   backgroundColor:'#FFF'},100);
});

通过我对jQuery的基本知识，我认为这样的东西可以让我完成我需要的东西。

$(*.projectContainer).hover(function(){
 $(this.id).animate({
   backgroundColor:'rgb(189,29,54)'},100);
},
function(){
 $(this.id).animate({
   backgroundColor:'#FFF'},100);
});

所有jQuery代码都放在文档的头部。如果我为每个div分配一个id并为每个id手动编码动画，我可以很容易地使它工作，但如果我添加这个类的更多div，我希望它能自动工作。我觉得这样的东西如果放在实际的div中也可以工作，但是我想通过在头部单独使用函数来保持简单。显然。

Answer 1

尝试以下方法：

$(.projectContainer).hover(function(){
 $(this).animate({
   backgroundColor:'rgb(189,29,54)'},100);
},
function(){
 $(this).animate({
   backgroundColor:'#FFF'},100);
});

选择要设置动画的特定类的单个jQuery项

1 个答案: