jQuery类操作

addClass(className) 为指定元素添加类className

$(selector).addClass(“liItem”);

注意:此处类名不带点,所有类操作的方法类名都不带点

移除类样式:

removeClass(className) 为指定元素移除类 className

$(selector).removeClass(“liItem”);

$(selector).removeClass(); 不指定参数,表示移除被选中元素的所有类

判断有没有类样式:

hasClass(calssName) 判断指定元素是否包含类 className

$(selector).hasClass(“liItem”);

此时,会返回truefalse

切换类样式:

toggleClass(className) 为指定元素切换类 className,该元素有类则移除,没有指定类则添加。

$(selector).toggleClass(“liItem”);

注意点:

操作类样式的时候,所有的类名,都不带点(.

 经验:

1 操作的样式非常少,那么可以通过.css()这个 方法来操作

2 操作的样式很多,那么要通过使用类的方式来操作

3 如果考虑以后维护方便(把CSSjs中分离出来)的话,推荐使用类的方式来操作。类比CSS书写位置(把csshtml中分离出来)

前面内容特色总结:简约、“粗暴”、干净利落、直截了当

原文地址:https://www.cnblogs.com/wangyongguo/p/7361368.html