addClass和removeClass的用法

分手后的思念是犯贱 2022-04-02 04:58 184阅读 0赞

一个需求中需要用到样式的改变，自然想到了addClass和removeClass，但是在用的犯了一个很低级的错误，导致纠结了半天。

初始写法（错误写法）：

if (isPlayMusic) {
        console.log('music-to-paused');
        $('.fortune-test-activity-head-music').addClass('.fortune-test-activity-head-music-paused');
        isPlayMusic = false;
    } else {
        console.log('music-to-running');
        $('.fortune-test-activity-head-music').removeClass('.fortune-test-activity-head-music-paused');
        isPlayMusic = true;
    }

后来发现原来在addClass和removeClass的class前面不能加'.'。

更改写法（正确写法）：

if (isPlayMusic) {
        console.log('music-to-paused');
        $('.fortune-test-activity-head-music').addClass('fortune-test-activity-head-music-paused');
        isPlayMusic = false;
    } else {
        console.log('music-to-running');
        $('.fortune-test-activity-head-music').removeClass('fortune-test-activity-head-music-paused');
        isPlayMusic = true;
    }

![公众号：爱唱歌的蜗牛先生][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]: /images/20220402/3359412d1e6941f8a592bf99fc5a640a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery addClass，removeClass，class属性增删

效果图，添加、移除class属性 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

我会带着你远行/ 2023年10月06日 09:12/ 0 赞/ 5 阅读

相关原生js实现addClass、removeClass、toggleClass

jquery里有添加样的().addClass和移除样式()>removeClass()；那么如何用原生js实现？ function hasClass(obj,

我不是女神ヾ/ 2022年07月28日 04:16/ 0 赞/ 144 阅读

相关原生javascript实现addClass和removeClass

addClass()和removeClass()是jQuery提供的功能。用法： `$(selector).addClass(classname);`和`$(sele

曾经终败给现在/ 2022年07月16日 13:50/ 0 赞/ 208 阅读

相关超有用！原生JS实现增加删除class（addClass,removeClass,toggleClass）

<table style="border-collapse:collapse; border-spacing:0px; border:1px solid silver; wid

Bertha 。/ 2022年06月12日 04:53/ 0 赞/ 201 阅读

相关 jquery - addClass()

通过addClass 可以为标签动态的添加多个样式类， removeClass可以移除多个, 空格隔开每个类 <html> <head>

Love The Way You Lie/ 2022年06月03日 02:18/ 0 赞/ 446 阅读

相关 jquery addClass，removeClass 设置或删除类

通过 jQuery，可以很容易地对 CSS 元素进行操作。切换 CSS 类 -------------------- jQuery 操作 CSS jQuery 拥有

超、凢脫俗/ 2022年05月23日 12:44/ 0 赞/ 180 阅读

相关 addClass和removeClass的用法

一个需求中需要用到样式的改变，自然想到了addClass和removeClass，但是在用的犯了一个很低级的错误，导致纠结了半天。初始写法（错误写法）： i

分手后的思念是犯贱/ 2022年04月02日 04:58/ 0 赞/ 185 阅读

相关 .addClass(),.removeClass(),.toggleClass()的区别

其实toggleClass()方法就类似于这样的，如： $("selector").toggleClass("className");

不念不忘少年蓝@/ 2022年03月02日 02:05/ 0 赞/ 190 阅读

相关使用addClass和removeClass完成内容切换

使用addClass和removeClass完成内容切换作者：吱韩菌开发工具：Visual Studio 2015 撰写时间：2019-6-5 今天要给大家展示

叁歲伎倆/ 2022年01月21日 08:35/ 0 赞/ 262 阅读

相关 jQuery--样式操作（addClass()、removeClass()、toggleClass()、css()）详解

样式操作在HTML代码中，通过class属性指定HTML标签的样式名；在jQuery中，可以使用attr()方法操作元素的class属性，以获取或改变元素的样式。 1

深碍√TFBOYSˉ_/ 2021年08月13日 19:43/ 0 赞/ 348 阅读