クラスがクラスを追加したときにjQueryが何かを行う

Question

私はliのクラス 'tab3'を持っています。他の場所にjQueryがあります。その上にマウスカーソルを置くと、 'selected'というクラスが追加されます。その後、トリガー

<li class='tab3 selected'> 
    <div class='showme'>Show this</div> 
    <div class='addattr'>Add attributes</div> 
</li> 

$('.tab3.selected').each(function() { 
    $('.showme').show(); 
    $('.addattr').attr('style', 'position:relative; display:block'); 
}); 

Answer 1

あなたはCSSを経由して、これを達成することができます

<style type="text/css"> 
    .tab3 .showme{display:none;} 
    .tab3.selected .showme{display:block;} 
</style> 

Answer 2

はそれを行うには、組み込みの方法はありませんが、あなたは常に「クラス・チェンジ」のような「カスタム」イベントのイベントハンドラを登録することができ、そして：私はこの問題が発生したときに何かをしたいですこれは、要素のクラスを更新するたびに発生します。 （あなたも、それを行うために、「addClass」機能を再定義することができます。）あなたもクラスを追加/削除する場合@Brad Wedellの答えで述べたように、外見が変化するために、昔ながらのCSSルールを使用することを検討すべきである。もちろん、

$('whatever').addClass('selected').trigger('class-change'); 

// ... 

$('.tab3').bind('class-change', function() { 
    $('.tab3.selected').each(function() { 
    $('.showme').show(); 
    $('.addattr').attr('style', 'position:relative; display:block'); 
    }); 
}); 

。