Question

这是我到目前为止所做的：

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

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

Answer 1

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

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

Answer 2

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

理论上应该为你做的伎俩。

Answer 3

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

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

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

.forum_hover { background-color: #380606; }

然后在mouseover上应用该类，并在mouseout上删除它。

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

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

  $('.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'));
    }
  );

Answer 4

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

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

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

4 个答案: