CSSをターゲットとするjQuery：ホバークラス

Question

ここに混乱します。下のリンクのホバーCSSを変更するにはどうすればいいですか？トグル。クラス？クラスを追加しますか？ホバー上に画像を表示したい。

$("#menu-item-1099 a:contains('rss')").css("color", "#5d5d5d"); 

でテキストの色を変更できましたが、ホバークラスをターゲットにすることはできません。

<div id="access"> 
<div class="menu-header"> 
<ul id="menu-main-menu" class="menu"> 
<li id="menu-item-1099" class="menu-item menu-item-type-custom menu-item-1099"> 
<a href="http://mydomain.com/feed/">rss</a></li> 

Answer 1

.css()をjQueryで使用すると、実際にCSSファイルを変更したり新しいCSSルールを作成したりすることはありません。特定の要素のstyle属性（インラインCSS）にCSSを追加するだけです。

$("#menu-item-1099 a:contains('rss')").hover(function() { 
    // Hover in, show an img 
    $(this).after("<img src='blah.jpg'>"); 
    // Or alternatively 
    $(this).addClass("hasImage"); // Where there is a CSS rule for .hasImage 
}, function() { 
    // Hover out, remove the img 
    $(this).next().remove(); 
    // Or alternatively 
    $(this).removeClass("hasImage"); 
}); 

Answer 2

$('a:contains('rss')').live('mouseover mouseout', function (event) { 
       if (event.type == 'mouseover') { 
        $(this).css('background-color', '#FFFF99'); 
       } else { 
        $(this).css('background-color', '#FFFFFF'); 
       } 
      }); 

それはそれを作るための簡単な方法です。マウスオーバーで画像を表示することができます。

Answer 3

はあなたが好きな、要素に.hover使用することができます：あなたがホバーに何かをしなければならない、とホバーうちにそれを元に戻す -

だから、あなたは「ホバークラスをターゲット」することはできませんこれは

$("#menu-item-1099 a:contains('rss')").hover(function(){ 
     //change the bacjgound picture 
      $(this).addClass("all the class"); 
     }, function(){ 

        //remove it 
      $(this).removeClass("all the class"); 
      }); 

あなたはあなただけのスタイルシートでクラスを作成する必要があります）（

$("#menu-item-1099 a:contains('rss')").hover(function(){ 
      $(this).toggleClass(list the class); 
       }); 

を.toggle使用したい場合は、作りますあなたが望むイメージを背景に置き、ここに入れてください