jQuery添加/改变/移除CSS类及判断是否已经存在CSS

编程教程 > Java (1983) 2024-11-26 14:39:04

1. removeClass() - 移除CSS类

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是CSS类的名称

2.addClass() - 添加CSS类

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称

3. toggleClass() - 添加或者移除CSS类:如果CSS类已经存在,它将被移除;相反,如果CSS类不存在,它将被加上。

$("#target").toggleClass("newClass") 
//如果ID为“target”的元素已经定义了CSS样式,它将被移除; 
//反之,CSS类“newClass”将被赋给该ID

4.  判断是否已经存在CSS
 

hasClass("className")


if(hasClass('className')==true){
//do somthing
}
 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
jQuery添加/改变/移除CSS类及判断是否已经存在CSS,jquery,css
Jquery cookie插件实现点击获取验证码后60秒内禁止重新获取,可直接拿走用,jquery,验证码获取
jQuery的$.ajax()使用及API文档,jQuery,ajax,$.ajax()
ie9 jquery ajax跨域问题解决, ajax ie9 跨域问题解决,jquery,ajax,ie9
jQuery之MD5加密插件使用及下载,网络中md5进行简单加密的地方越来越多。这里讲解一个jQuery的md5插件
css设置背景图片不随浏览器滚动条滚动,即固定背景图片 body{background-image:url("../../common/images/bg1.j
jquery绑定鼠标滚轮滚动事件 $(document).on("mousewheel DOMMouseScroll", function (event) {
已封装成为插件欢迎使用及反馈插件下载:(访问密码9987)bootstrap-viewer.zipbootstrap image viewer 图片放大查看实现效果:小图  大图  <!D...
jQuery 取选中的radio的值方法,jQuery,radio
IE9 jQuery ajax文件上传兼容问题解决。主要通过jQuery的jquery.form插件解决的IE9不支持formData的文件上传问题。
前言接上一篇《Vert.x 4 Web应用初识》,在web应用中除了访问地址得到动态的信息还有静态的资源库访问,如 jQuery / bootstrap 等前端
设置数据源将数据写入到 Model 中 @RequestMapping("/menulist") public String MenuManagerList(M
Thymeleaf 递归,Thymeleaf模板引擎递归展示如评论留言等场合适用
Java编程之Spring Boot 文件上传 REST风格API ajax方式