「自学哈网」JQuery如何添加移除css样式
JQuery如何添加移除css样式
1. addClass() – 添加CSS类
$(“#target”).addClass(“newClass”);
//#target 指的是需要添加样式的元素的ID
//newClass 指的是CSS类的名称
2. removeClass() – 移除CSS类
$(“#target”).removeClass(“oldClass”);
//#target 指的是需要移除CSS类的元素的ID
//oldClass 指的是CSS类的名称
3. toggleClass() – 添加或者移除CSS类:如果CSS类已经存在,它将被移除;相反,如果CSS类不存在,它将被加上。
$(“#target”).toggleClass(“newClass”)
//如果ID为“target”的元素已经定义了CSS样式,它将被移除;
//反之,CSS类”newClass“将被赋给该ID。
在实际运用中,我们常常先定义好这些CSS类,然后通过Javascript事件触发(比如点击某个链接)来改变页面元素样式。此外,jQuery还提供一种方法 hasClass(“className”)用来判断某个元素是否已经被赋予某个CSS类。
常见问题:
<label for=”TrueName” generated=”true” class=”msg-error” style=””>正确</label>
通过addClass(“msg-success”);
<label for=”TrueName” generated=”true” class=”msg-error msg-success” style=””>正确</label>
复制代码
CSS文件
误:(msg-success将被msg-error覆盖,样式不变)
span.msg-error, label.msg-error{color: #f00;}
span.msg-success, label.msg-success{color: #000;}
正:
span.msg-error, label.msg-error{color: #f00;}
span.msg-success, label.msg-success{color: #000;}
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」JQuery如何添加移除css样式