addClass和removeClass的用法

一个需求中需要用到样式的改变，自然想到了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;
}

addClass和removeClass的用法相关推荐

jQuery 属性操作 - addClass() 和 removeClass() 方法
实例向第一个 p 元素添加一个类: $("button").click(function(){$("p:first").addClass("intr ...
jQuery addClass，removeClass，class属性增删
效果图,添加.移除class属性上代码: <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...
jquery中的class函数addClass，removeClass，toggle，hasClass
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过class函数操作元素样式 jquery的class函数,包括addClass,removeClas ...
02属性操作_jqueryCSS类操作(addClass()、removeClass()、toggleClass())
02属性操作_jqueryCSS类操作(addClass().removeClass().toggleClass()) 代码演示 <!DOCTYPE html> <html>& ...
前端提高篇(八十六)：jQuery的class属性操作addClass()与removeClass()、hasClass()、toggleClass()
1.addClass()与removeClass()基本使用 addClass:添加class:removeClass:移除class,返回this对象,支持链式操作 $('div').addClas ...
JQuery之addClass、removeClass和toggleClass的用法小结
addClass:追加class.假设 <div id = 'div1' class = 'class1'></div> $("#div1").addCla ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
js实现css、addClass、removeClass和toggleClass
JQuery中获取CSS样式 css(name):访问第一匹配元素的样式属性 css(name,value):在所有匹配的元素中,设置一个样式属性的值 css(properties):把一个" ...
jQuery（七）--属性操作：attr、removeAttr、prop、removeProp、addClass、removeClass、toggleClass、html、text、val
目录一.属性 1.1 操作属性二.属性节点 2.1 概述三.jQuery中的属性和属性节点 3.1 attr() 3.2 removeAttr() 3.3 prop() 3.4 removePr ...

addClass和removeClass的用法

addClass和removeClass的用法相关推荐

最新文章

热门文章