前端技术 手机教程
程序开发 平面动画
系统软件 运营推广
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

JQuery动态获取/添加/修改/删除元素的class

2018-12-12 15:50:04 来源:原创 作者:寂静的神经

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");
分享到:
本文关键词:jquery 动态 class

相关文章

零五科技,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五科技 版权所有 辽ICP备13002105号-1

//百度 //cnzz