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

我为多个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中也可以工作，但是我想通过在头部使用单个函数来保持它的简单性，很明显。

尝试以下方法：

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

---

你的方法是正确的，你需要做的就是使用“这个”真棒，很有效，我发誓这是我尝试过的组合之一。谢谢。