JavaScript和jQuery添加和删除class类名

JavaScript添加/删除类名：

element.classList.add("className") ：添加类名

element.classList.remove("className") ：删除类名

element.getAttribute("className") ：获取类名

element.setAttribute("className") ：设置类名

实例：

<div class="one two"></div>
<script>
    let ele = document.getElementsByTagName("div")[0];
    ele.classList.remove("two"); // one
</script>

删除所有类名：

ele.className = ""; //

获取类名：

let classVal = ele.getAttribute("class"); //one two

设置类名：

ele.setAttribute("class","three"); //three

jQuery添加/删除类名：

element.addClass("className") ：添加类名

element.removeClass("className") ：删除类名

removeClass()  方法可以从被选元素移除一个或多个类，如移除多个类，可以用空格隔开。

注释：如果没有规定参数，则该方法将从被选元素中删除所有类。

可以使用函数来删除被选元素中的类：

ele.removeClass(function(index,oldclass))

index ：可选，接受选择器的 index 位置。

html ：可选，接受选择器的旧的类值。

未经允许不得转载：w3h5 » JavaScript和jQuery添加和删除class类名