Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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_Html - Fatal编程技术网

Javascript 切换类Jquery

Javascript 切换类Jquery,javascript,jquery,html,Javascript,Jquery,Html,我已经为我的视频创建了一个播放和暂停按钮,我尝试在按下按钮时切换类,即当您单击暂停按钮时,类将切换到,反之亦然 下面是我的代码片段,代码的链接也是 有人知道如何做到这一点吗?请查看removeClass和addClass……好吧,它们是以什么命名的 如果你想换个班。试一试 或: 您可以使用removeClass和addClass在单击时删除/添加类 打开页面时添加类 如果您有权访问HTML,只需将其添加到标记中: <div id="play-pause-btn" class="playin

我已经为我的视频创建了一个播放和暂停按钮,我尝试在按下按钮时切换类,即当您单击暂停按钮时,类将切换到,反之亦然

下面是我的代码片段,代码的链接也是

有人知道如何做到这一点吗?

请查看removeClass和addClass……好吧,它们是以什么命名的

如果你想换个班。试一试

或:


您可以使用removeClass和addClass在单击时删除/添加类

打开页面时添加类 如果您有权访问HTML,只需将其添加到标记中:

<div id="play-pause-btn" class="playing> [...] </div>

关于你问题的标题,你确定这与课程有关吗?您似乎还漏掉了一些单词,例如,当您单击“暂停”按钮时,类将切换到,反之亦然。addClass和removeClass?您可以选择问题的答案吗?
$("#td_id").attr('class', 'newClass');
$("#td_id").toggleClass('change_me newClass');
$('#play-pause-btn').click(function(){
    if ($('#video-wall__content').get(0).paused) {
        $('#video-wall__content').get(0).play();
        // now playing
        $(this).removeClass("paused").addClass("playing");
    }
    else {
        $('#video-wall__content').get(0).pause();
        // now paused
        $(this).removeClass("playing").addClass("paused");
    }
 });
<div id="play-pause-btn" class="playing> [...] </div>
$(document).ready(function() {
    $("#play-pause-btn").addClass("playing");
});