Question

我为我的视频创建了一个播放和暂停按钮，我按下按钮时尝试切换课程，即当你点击暂停按钮时班级切换到反之亦然。

以下是我的代码片段，代码链接也是here

$('#play-pause-btn').click(function() {
    $('#video-wall__content').get(0).paused ? 
        $('#video-wall__content').get(0).play() : $('#video-wall__content').get(0).pause();
});

有谁知道如何做到这一点？

Answer 1

结帐removeClass()和addClass() ......好吧，他们按照自己的名字行事。

http://api.jquery.com/removeclass/

http://api.jquery.com/addclass/

如果你想改变班级。试试.attr()

$("#td_id").attr('class', 'newClass');

或.toggleClass()：

$("#td_id").toggleClass('change_me newClass');

Answer 2

您可以使用removeClass和addClass删除/添加课程。

$('#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");
    }
 });

在打开页面时添加类

如果您有权访问HTML，只需将其添加到您的代码中：

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

如果您只能使用JavaScript：

$(document).ready(function() {
    $("#play-pause-btn").addClass("playing");
});

切换类Jquery

2 个答案:

在打开页面时添加类