jq、js 添加/删除class

//=======================js=====================

//1、先删除，后添加。或者先添加后删除均可
$(".aaa").addClass("bbb").removeClass("aaa");
$(".aaa").removeClass("aaa").addClass("bbb");

//2、追加类名

$("div").addClass("whites");

//3、移除类名

$("div").removeClass("whites");

移除多个样式。

$(#two).removeClass("divClass divClass2")

//4、切换类名

$("#two").toggleClass("anotherClass") //重复切换anotherClass样式

//5、判断是否含有某项类名

$("#two").hasClass("another")==$("#two").is(".another");

//6、利用attr方法
//
$(".aaa").attr("class","bbb");
//这里需要注意的是，如果这个HTML标签不止有aaa这一个类时，
//这个方法之后，这个HTML标签会只有bbb这一个class类,

//当然也可以设置多个
$(".aaa").attr("class","bbb ccc ddd");

//判断HTML标签中是否有bbb这个class类

$(".aaa").hasClass("bbb");

//返回值是一个boolean值，存在返回true，不存在返回false。

//=======================js=====================

var div=document.getElementById("myDIV");

div.className = 'snow-container'; //设置为新的
div.className += 'snow-container'; //在原来的后面加这个
div.classList.add("snow-container"); //与第一个等价

//为 <div> 元素添加一个类:
div.classList.add("active");

为 <div> 元素添加多个类:

div.classList.add("mystyle", "anotherClass", "thirdClass");

为 <div> 元素移除一个类:

div.classList.remove("mystyle");

为 <div> 元素移除多个类:

div.classList.remove("mystyle", "anotherClass", "thirdClass");

jq、js 添加/删除class相关推荐

js添加删除HTML元素
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
js添加删除数组元素
添加元素 <script>// 1.push()在数组元素的末尾添加一个或多个数组元素 push推var arr=[1,2,3];// arr.push(4,'lxl')会返回新数组的长 ...
js删除与php后台交互,js动态添加删除,后台取数据(示例代码)_javascript技巧
环境描述:就像你一般在论坛上发表文章,可能带附件,附件的数量是你手动添加删除的!! /********************************************************* ...
Three.js中实现点击按钮添加删除旋转立方体
场景 Three.js中引入dat.gui库实现界面组件控制动画速度变量: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1193 ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
js读取cookie,js添加cookie,js删除cookie
2019独角兽企业重金招聘Python工程师标准>>> js读取cookie,js添加cookie,js删除cookie,示例如下: <!DOCTYPE HTML PUBLIC ...
用JS制作表格的添加删除
程序设计之道无远弗届,御晨风而返.---- 杰佛瑞 · 詹姆士目的就是锻炼操作DOM.先写一下html的布局. 姓名:<input type="text"> 年龄:& ...
js添加和删除元素节点
js添加和删除元素节点 <!DOCTYPE html> <html> <head><meta charset="UTF-8">< ...
js添加、删除DOM元素
js添加.删除DOM元素通过demo来熟悉js添加.删除DOM元素,下面是html代码以及在浏览器中的效果: HTML <ul class="list"><li ...

jq、js 添加/删除class

jq、js 添加/删除class相关推荐

最新文章

热门文章