JSer对象 toggleClass(removeClassNames, addClassNames)
描述:
样式切换方法。
在为元素删除某个(些)样式名的同时,还要为该元素添加另一个(些)样式名的时候,可以使此方法完成样式名称切换。
它比直接调用removeClass和addClass更加方便,因为您只需要调用这一个方法即可。
参数:
参数 |
类型 |
说明 |
removeClassNames |
String |
要移除的一个或多个class类名称.将多个类名用分隔符(逗号,分号,空格)分隔均可。
|
addClassNames |
String |
要附加的一个或多个class类名称.将多个类名用分隔符(逗号,分号,空格)分隔均可。
|
返回:
JSer 当前的JSer对象。
适用版本:
这是JSer-2.7及后续版本新增的方法。
示例1:
html代码:
<div id="my" class="oldClass">文字文字</div>
JS代码:
JSer("#my").toggleClass("oldClass","newClass");
结果:
<div id="my" class="newClass">文字文字</div>
示例2:
html代码:
<div id="my" class="cls1 cls2 cls3">文字文字<div/>
JS代码:
JSer("#my").toggleClass("cls2, cls3","clsA; clsB");
结果:
<div id="my" class="cls1 clsA clsB">文字文字</div>
请参考: