JQuery动态获取/添加/修改/删除元素的class名称方法：
HTML示例代码：
|
1
|
<div id="example" class="one two three"> ...... </div>
|
1.JQuery获取元素当前的class名称：
|
1
|
let name=$("#example").attr("class"); console.log(name);//one two three
|
2.JQuery动态添加class：
|
1
|
$("#example").addClass("four"); //该元素的class变为class="one two three four"
|
3.JQuery动态修改class：
|
1
|
$("#example").attr("class","zero"); //该元素的class变为class="zero"
|
4.JQuery动态删除class：
|
1
|
$("#example").removeClass("one");//删除一个样式 $("#example").removeClass("one").removeClass("two");//删除多个样式方法一 $("#example").removeClass("one two");//删除多个样式方法二 $("#example").removeClass();//删除所有样式
|
5.JQuery判断元素是否包含指定class：
|
1
|
if($("#example").hasClass("five")){ console.log("true") }else{ alert("false"); }
|
6.JQuery设置class随着显示隐藏状态自动切换：
|
1
|
$("#example").toggleClass("current");
|
未经允许不得转载：主机百科 » JQuery动态获取/添加/修改/删除元素的class
![[黑五]spinservers：圣何塞高配服务器立减$270,双E5-2683 v4,512G内存,2*3.83T SSD,10Gbps带宽](https://www.zjwiki.com/wp-content/uploads/2020/11/20201125_5fbdca7a490cf.png)
蒙公网安备15010502001094号