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");
/*
上面的代码等同于:
JSer("#my").removeClass("oldClass").addClass("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"); //注意多个样式名之间用逗号,分号或空格分隔都可以.
/*
上面的代码等同于:
JSer("#my").removeClass("cls2, cls3").addClass("clsA; clsB");
*/
结果:
<div id="my" class="cls1 clsA clsB">文字文字</div>
请参考:
JSer.removeClass(args..) JSer.addClass(args..)