js/jquery 给dom对象添加、删除类名样式

1、用原生js给DOM元素添加、删除一个类名
方法一：

DOM.setAttribute("class", "类名")
DOM.removeAttribute("class", "类名")

方法二：

DOM.classList.add('类名'); //添加类名
DOM.classList.remove('类名'); //删除类名
DOM.classList.toggle('类名'); //切换类名

setAttribute和add的区别
setAttribute用于创建或改变某个新属性。
如果指定属性已经存在，则只设置该值并且会替换原来的值。
add方法是添加某个类，不会替换属性中的值，并且需要跟classList使用，因为它是classList的方法。

2、jquery给DOM元素添加、删除一个类名
2.1.获取元素的类名

$('p').attr(class'');

2.2判断是否包括某个类名

 $('p').hasClass('p1')

2.3 添加某个类名

$('p').addClass('p3')

2.4 切换类名 有的去掉 没有加上

$('p').toggleClass('p3');

2.5 移除类名

$('p').removeClass('p1')