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类名

推荐阅读:

申请腾讯云免费SSL证书,实现网站https访问

Vue.js学习笔记——简介、安装使用

jQuery实现元素的鼠标移入移出及点击显示隐藏(微信二维码)

利用css中的伪类 给元素设置特殊样式效果

使用float后清除浮动的几种方法

赞 (3)
分享到: +

评论 沙发

Avatar

换个身份

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