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

时间:2013-07-04 19:20:57

标签: jquery css

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

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

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

$( “a.abcClass”)addClass( “:悬停”)。

如何做到这一点?

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

3 个答案:

答案 0 :(得分:0)

这会有用吗?

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

答案 1 :(得分:0)

使用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/

答案 2 :(得分:-1)

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

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

您无法像尝试那样添加pseudo-classes。同样适用于添加:before:after - 类。