参数说明
参数 说明 class 一个或多个要添加到元素中的CSS类名,请用空格分开 function(index, class) 此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。 switch 用于决定元素是否包含class的布尔值。 function(index, class,switch)[, switch] 1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。2: 一个用来判断样式类添加还是移除的 boolean 值。
- 以下空格代表或。
方法 概述 addClass(class fn) 为每个匹配的元素添加指定的类名。 removeClass([class fn]) 从所有匹配的元素中删除全部或者指定的类。 toggleClass(class fn[,sw]) 如果存在(不存在)就删除(添加)一个类。值。
<button class="btn">按钮</button> <button class="btn">按钮</button> <button class="btn">按钮</button>
一、dom元素类添加—addClass()
$('.btn').addClass('red'); $('.btn').addClass(function(index){ return 'red'+index; })
二、删除类—removeClass()
- 不写参数默认全部移除
$('.btn').removeClass('red'); $('.btn').removeClass(function(index){ return 'red'+index; })
$('.btn').removeClass();
三、类别切换—toggleClass()
- 类别切换的时候,若是有这个类,则直接删除该类,若是没有,则添加这个类。
$('.btn').toggleClass('info'); $('.btn').toggleClass('btn-list'); //true代表添加,false代表删除 $('.btn').toggleClass('btn-list',false); $('.btn').toggleClass(function(index,cs){ return 'list'+index; },true);