关于类删除事件的jQuery

时间:2012-05-15 10:41:12

标签: jquery html

嗯,我有这样的事情:

HTML:

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

JavaScript的:

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

http://jsfiddle.net/VYukS/

我必须在删除div类时对事件运行一些函数,并且我没有任何权限来编辑从div添加/删除类的函数。

如何删除课程时如何捕捉该事件?

'click'事件仅用作示例,因此该类不仅可以在点击时删除

3 个答案:

答案 0 :(得分:4)

没有这样的事件。但你可以做得更简单:

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

DEMO: http://jsfiddle.net/VYukS/1/

答案 1 :(得分: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');
});

或使用delegate()

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

答案 2 :(得分:1)

试试这个

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