Question

我有一个锚标签，其中分配了一些css悬停选择属性。该CSS由系统自动生成。

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

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

$（ “a.abcClass”）addClass（ “：悬停”）。

如何做到这一点？

编辑：仅当鼠标悬停在该元素上时，才会应用悬停属性。如果我想在单击某个按钮时对锚标记悬停效果，该怎么办？由于这个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 - 类。

分配元素将css属性悬停在其他元素上

3 个答案: