JQuery 动态获取/添加/修改/删除元素的 class 名称方法:
HTML 示例代码:
<div id="example" class="one two three"> ...... </div>
1.JQuery 获取元素当前的 class 名称:
let name=$("#example").attr("class"); console.log(name);//one two three
2.JQuery 动态添加 class:
$("#example").addClass("four"); //该元素的 class 变为 class="one two three four"
3.JQuery 动态修改 class:
$("#example").attr("class","zero"); //该元素的 class 变为 class="zero"
4.JQuery 动态删除 class:
$("#example").removeClass("one");//删除一个样式 $("#example").removeClass("one").removeClass("two");//删除多个样式方法一 $("#example").removeClass("one two");//删除多个样式方法二 $("#example").removeClass();//删除所有样式
5.JQuery 判断元素是否包含指定 class:
if($("#example").hasClass("five")){ console.log("true") }else{ alert("false"); }
6.JQuery 设置 class 随着显示隐藏状态自动切换:
$("#example").toggleClass("current");
本文为原创文章,版权归主机之家测评所有,欢迎分享本文,转载请保留出处!