jquery - 要素の hover CSS プロパティを他の要素に割り当てる

Question

cssホバー選択プロパティが割り当てられたアンカータグがあります。この CSS は、システムによって自動生成されます。

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

上記のホバー CSS を jQuery を使用して動的に割り当てたいと思います。私はこれを達成したいと思います:

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

これはどのように行うことができますか？

編集: ホバー プロパティは、マウスがその要素の上にある場合にのみ適用されます。ボタンがクリックされたときにアンカータグにホバー効果を持たせたい場合はどうすればよいですか。この CSS は自動生成されるため、css プロパティについてはわかりません。

Answer 1

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 2

これは機能しますか？

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

Answer 3

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

と：

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

しようとしているように追加することはできませpseudo-classesん。クラスの追加について:beforeも:after同様です。