Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery添加类,然后切换这两个类_Javascript_Jquery - Fatal编程技术网

Javascript jQuery添加类,然后切换这两个类

Javascript jQuery添加类,然后切换这两个类,javascript,jquery,Javascript,Jquery,第一次单击按钮时,我需要将类.valid_tick添加到div#valid_div 在任何单击之后,它都应该切换类 像这样$('#valid_div')。toggleClass('invalid_tick') 现在我像这样一次显示两个类:( 现行代码 $(".validation_hide").slideToggle(); $('#valid_div').toggleClass('invalid_tick'); 使用: 使用: 我认为这样做会更容易: 从一开始就将“invalid_tick”类

第一次单击按钮时,我需要将类
.valid_tick
添加到div
#valid_div

在任何单击之后,它都应该切换类 像这样
$('#valid_div')。toggleClass('invalid_tick')

现在我像这样一次显示两个类:( 现行代码

$(".validation_hide").slideToggle();
$('#valid_div').toggleClass('invalid_tick');
使用:

使用:


我认为这样做会更容易:

从一开始就将“invalid_tick”类设置为#valid_div对象:

<div id='valid_div' class='invalid_tick'> .... </div>
如果你不能从一开始就得到“无效”勾号,我会选择:

$('#valid_div').click(function() {
    $div = $(this);
    if (!$div.hasClass('valid_tick')) {
        $div.addClass('valid_tick');
    }
    else {
        $div.toggleClass('valid_tick');
        $div.toggleClass('invalid_tick');
    }
});

我认为这样做会更容易:

从一开始就将“invalid_tick”类设置为#valid_div对象:

<div id='valid_div' class='invalid_tick'> .... </div>
如果你不能从一开始就得到“无效”勾号,我会选择:

$('#valid_div').click(function() {
    $div = $(this);
    if (!$div.hasClass('valid_tick')) {
        $div.addClass('valid_tick');
    }
    else {
        $div.toggleClass('valid_tick');
        $div.toggleClass('invalid_tick');
    }
});

@不客气——别忘了接受你最喜欢的答案。@ShafeerAthimannil不客气——别忘了接受你最喜欢的答案。