jQuery 类操作

• 添加类

  (addClass) 为指定元素添加类className
  
  $(selector).addClass(“liItem”);
  注意：此处类名不带点，所有类操作的方法类名都不带点
  

• 移除类

  removeClass(className) 为指定元素移除类 className
  $(selector).removeClass(“liItem”);
  $(selector).removeClass(); 不指定参数，表示移除被选中元素的所有类
  

• 判断有没有类

  hasClass(calssName) 判断指定元素是否包含类 className
  $(selector).hasClass(“liItem”);
  此时，会返回true或false
  

• 切换类

  toggleClass(className) 为指定元素切换类 className，该元素有类则移除，没有指定类则添加。
  $(selector).toggleClass(“liItem”);
  

注意

       操作类样式的时候，所有的类名，都不带点（.）
   经验：
       1 操作的样式非常少，那么可以通过.css()这个 方法来操作
       2 操作的样式很多，那么要通过使用类的方式来操作
       3 如果考虑以后维护方便（把CSS从js中分离出来）的话，推荐使用类的方式来操作。类比CSS书写位置（把css从html中分离出来）