JQuery动态获取/添加/修改/删除元素的class名称方法:
HTML示例代码:
......
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");
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《JQuery动态获取/添加/修改/删除元素的class》
文章链接:https://www.liuzhanwu.com/3214.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《JQuery动态获取/添加/修改/删除元素的class》
文章链接:https://www.liuzhanwu.com/3214.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。