js中给元素添加类的方法
一.原生js中添加类的方法
1.为 <div> 元素添加一个类:
document.getElementById("div").classList.add("类名");
2.为 <div> 元素添加多个类:
document.getElementById("div").classList.add("类名1","类名2","类名3",...);
3.为 <div> 元素移除一个类:
document.getElementById("div").classList.remove("类名");
4.为 <div> 元素移除多个类:
document.getElementById("div").classList.remove("类名1","类名2","类名3",...);
二.jquery中添加类的方法
1.为 <div> 元素添加一个类:
$("#div").addClass("类名");
2.为 <div> 元素添加多个类:
//只需要通过空格来间隔 class 值即可一次性添加多个 class$("#div").addClass("类名1 类名2 类名3");
3.为 <div> 元素移除一个类:
$("#div").removeClass("类名");
4.为 <div> 元素移除多个类:
//只需要通过空格来间隔 class 值即可一次性清除掉多个 class$("#div").removeClass("类名1 类名2 类名3");
三.检查是否含有某个类的方法
div.classList.contains('类名'); //return true or false
版权声明:本文为CSDN博主「lin1。」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42888950/article/details/82287017
js中给元素添加类的方法相关推荐
- 【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
- JS中获取元素的第二种方法
1.静态方法 var oUl = document.getElementById(''); 2.动态方法 document.getElementsByTagName(''); 1 <!DOCTY ...
- JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
- php 从数组里删除元素,PHP从数组中删除元素的四种方法实例
PHP从数组中删除元素的四种方法实例 一.总结 一句话总结:unset(),array_splice(),array_diff(),array_diff_key() 二.PHP从数组中删除元素的四种方 ...
- 【初识Netty使用Netty实现简单的客户端与服务端的通信操作Netty框架中一些重要的类以及方法的解析】
一.Netty是什么? Netty 由 Trustin Lee(韩国,Line 公司)2004 年开发 本质:网络应用程序框架 实现:异步.事件驱动 特性:高性能.可维护.快速开发 用途:开发服务器和 ...
- Extjs中给同一个GridPanel中的事件添加参数的方法
Extjs中给同一个GridPanel中的事件添加参数的方法: this.isUse = new Ext.Action({ text:'启用', sco ...
- python列表转换成数字_Python中列表元素转为数字的方法分析
本文实例讲述了Python中列表元素转为数字的方法.分享给大家供大家参考,具体如下: 有一个数字字符的列表: numbers = ['1', '5', '10', '8'] 想要把每个元素转换为数字: ...
- js中string字符串转换为JSON对象 - 方法大全(4种)
js中string字符串转换为JSON对象 - 方法大全(4种) jQuery插件支持的转换方式: 示例: //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对 ...
- js中style.display=无效的解决方法
本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多 ...
最新文章
- 腾讯基于 Flink SQL 的功能扩展与深度优化实践
- leetcode22. 括号生成
- 北京市(朝阳区)(西城区)(海定区)正则表达式(代码保存)
- excel单元格斜线_怎么在excel中画斜线?怎么在excel表格中画斜线?
- 算法导论 思考题9-2
- 蓝桥杯 ALGO-102 算法训练 数对
- mysql 8.0以上 新版本账号密码策略修改和密码修改
- 如何检查Android上的互联网访问? InetAddress永远不会超时
- 精确光源(Punctual Light Sources)
- NIO-ByteBuffer
- 实施ERP系统的一般方法和步骤
- protel99SE - 多张原理图生成一张总网表的方法
- HTTP协议请求头部的User-Agen和Cookie
- table 去掉td重复的边框_css怎么解决表格边框线重复问题
- python高级编程实战小象学院_小象学院Hadoop2.x大数据平台V3完全入门实战
- 为什么php不开源,php开不开源
- 公司规定所有接口都用 POST请求,这是为什么?
- 数据库分类,市场上常见数据库
- 一首沉下来特别好听的歌
- java多线程实现卖火车票小案例同步代码块优先级守护线程