jquery - 我正在尝试在 jQuery 中更改我的链接颜色。为什么它不起作用

Question

这是我到目前为止所拥有的：

$('a').hover(function(){
        ('this').css('color','#F60')
        });
    });

我的目的是让悬停在链接上的用户颜色从白色变为橙色

Answer 1

您有一些语法错误。这应该有效。

$('a').hover(function () {
    $(this).css('color', '#F60');
});

Answer 2

$('a').hover(function(){
        $(this).css('color','#F60')
        });
    });

参考：http ://remysharp.com/2007/04/12/jquerys-this-demystified/

Answer 3

$(a).hover(function(){
    $(this).css({color: '#f60'});
});

理论上应该为您解决问题。

Answer 4

如果你不关心 IE ≤6，你可以使用纯 CSS ...

.forum:hover { background-color: #380606; }

---

使用 jQuery，通常最好为这种样式创建一个特定的类：

.forum_hover { background-color: #380606; }

然后在鼠标悬停时应用该类，并在鼠标悬停时将其删除。

$('.forum').hover(function(){$(this).toggleClass('forum_hover');});

---

如果您不能修改类，您可以将原始背景颜色保存在.data()（示例）中：

  $('.forum').data('bgcolor', '#380606').hover(function(){
    var $this = $(this);
    var newBgc = $this.data('bgcolor');
    $this.data('bgcolor', $this.css('background-color')).css('background-color', newBgc);
  });

或者

  $('.forum').hover(
    function(){
      var $this = $(this);
      $this.data('bgcolor', $this.css('background-color')).css('background-color', '#380606');
    },
    function(){
      var $this = $(this);
      $this.css('background-color', $this.data('bgcolor'));
    }
  );