我有一个锚标签,其中分配了一些css悬停选择属性。该CSS由系统自动生成。
a.abcClass{
color: GREEN;
}
a.abcClass:hover{
color: RED;
}
我想使用jQuery动态分配以上给定的悬停CSS。就像我想要实现这一点:
$( “a.abcClass”)addClass( “:悬停”)。
如何做到这一点?
编辑:仅当鼠标悬停在该元素上时,才会应用悬停属性。如果我想在单击某个按钮时对锚标记悬停效果,该怎么办?由于这个CSS是自动化的,我不知道它的css属性。
答案 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');
});
});
答案 2 :(得分:-1)
a.abcClass{
color: GREEN;
}
a.abcClass:hover, .my_epic_stylez {
color: RED;
}
和
$(".my_epic_stylez").addClass(":hover");
您无法像尝试那样添加pseudo-classes
。同样适用于添加:before
和:after
- 类。