Определение свойств css наведения элемента для какого-либо другого элемента

Question

У меня есть привязанный тег с определенным назначением выбора hss-привязки. Этот CSS автоматически генерируется системой.

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

Я хотел бы назначить выше заданный hover CSS динамически с помощью jQuery. Как я хотел бы добиться этого:

$ ("a.abcClass") addClass (": зависать").

Как это можно сделать?

Редактировать: свойства hover будут применяться только тогда, когда мышь будет нависеть над этим элементом. Что делать, если я хочу, чтобы наведите указатель на тег привязки при нажатии какой-либо кнопки. Поскольку этот CSS автогнеризован, я не знаю о его свойствах css.

Answer 1

Будет ли это работать?

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

Answer 2

Handle Hover состояние с помощью JQuery:

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

Handle оба состояния с помощью 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 -classes.