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



未经允许不得转载:Web前端开发资源网 » JavaScript和jQuery添加和删除class类名

推荐阅读:

Discuz X3.4 MySQL数据库连接问题的解决方法

jQuery text() html() val()设置内容和attr()设置属性的用法

input[type=file]去掉“未选择任何文件”及样式改进

分享一些实用的Chrome DevTools技巧

JetBrains IDE Support 浏览器自动刷新插件(不定时更新)

赞 (3)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)