jquery - 将元素的悬停 css 属性分配给其他元素

Question

我有一个分配了一些 CSS 悬停选择属性的锚标记。此 CSS 由系统自动生成。

a.abcClass{
    color: GREEN;
}
a.abcClass:hover{
    color: RED;
}

我想使用jQuery动态分配上面给定的悬停CSS。就像我想实现这一点：

$("a.abcClass").addClass(":hover")

如何做到这一点？

编辑：只有当鼠标悬停在该元素上时才会应用悬停属性。如果我想在单击某个按钮时对锚标记产生悬停效果怎么办。由于这个 CSS 是自动生成的，我不知道它的 css 属性。

Answer 1

这行得通吗？

$('.abcClass').css('color','red');

Answer 2

使用 jQuery 处理悬停状态：

$(function() {
    $('.abcClass').hover( function(){
          $(this).css('color', 'red');
    });
});

使用 jQuery 处理这两种状态：

$(function() {
   $('.abcClass').hover( function(){
      $(this).css('color', 'red');
   },
   function(){
      $(this).css('color', 'green');
   });
});

小提琴示例：http: //jsfiddle.net/VcEf4/

Answer 3

a.abcClass{
    color: GREEN;
}
a.abcClass:hover, .my_epic_stylez {
    color: RED;
}

和：

$(".my_epic_stylez").addClass(":hover");

你不能pseudo-classes像你试图做的那样添加。添加:before和:after- 类也是如此。