jquery-selectors - JQuery，如何将相同的鼠标悬停效果应用于具有相同类的多个 div？请帮助？

Question

我是 jQuery 的新手，我遇到了一些翻转问题，我试图将相同的“翻转”效果应用于多个 div，它似乎有效，唯一的事情是当我翻转一个元素时我的 div 得到相同的效果，当我希望它们在鼠标悬停时一次应用一个效果，这是我的代码

  $('div.pitem').bind('mouseenter mouseleave', function() {
  $('div.p-tab').toggleClass('pheader-bar-selected');
  });
  $('div.pitem').bind('mouseenter mouseleave', function() {
  $('div.p-fline').toggleClass('pfooter-bar-selected');
  });

我确实意识到我在所有 div 上都有相同的类，但我希望找到一种方法来做到这一点，而不是给每个 div 一个唯一的类或 id，任何帮助都会非常感谢!

Answer 1

你可以看看 $(this)。

解释于:http://remysharp.com/2007/04/12/jquerys-this-demystified/

下面是我如何使用它来给你举个例子

// megalink hover
$("div.megalink").hover(function(){
    $(this).css('background','#e1eefd');
    $(this).css('border-bottom','1px solid #0470B8');
 }, function(){
    $(this).css('background','#ffffff');
    $(this).css('border-bottom','1px solid #EBE7DE');
});