w3h5

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 :可选,接受选择器的旧的类值。



赞 (1)
分享到: +More |

评论 沙发

换个身份