jquery - クラス削除イベントのjQuery

Question

さて、私はこのようなものを手に入れました：

HTML：

<div id="main" class="underline" >Hello</div>

JavaScript：

$('div').live('click', function(){
    $(this).toggleClass("underline");
});​

https://jsfiddle.net/VYukS/

divクラスが削除されたときに、イベントでいくつかの関数を実行する必要があります。また、divにクラスを追加/削除する関数を編集する権限がありません。

クラスが削除されているときにそのイベントをキャッチするにはどうすればよいですか？

「クリック」イベントは例としてのみ使用されているため、クリックだけでなくクラスも削除できます。

Answer 1

そのようなイベントはありません。しかし、もっと簡単にできます：

$('div').live('click', function(){
    $(this).toggleClass("underline")
    if ($(this).hasClass("underline")) {
        alert("added");
    } else {
        alert("removed");
    }
});​

デモ: https://jsfiddle.net/VYukS/1/

Answer 2

注:live()は非推奨です。jquery最新バージョンを使用してみてください

$('body').on('click', 'div#main', function(){
    $(this).toggleClass("underline");
    // to check the class presence
   if($(this).hasClass('underline'))
     alert('no class');
   else
     alert('has underline');
});

またはデリゲート（）を使用

$('body').delegate('div#main', 'click', function(){
    $(this).toggleClass("underline");
});

Answer 3

これを試して

     $('div').unbind('click', function(){
       $(this).toggleClass("underline");
     });