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");
声明:1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。







