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')