您现在的位置是:首页 > 技术交流技术交流
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2015-09-26【技术交流】2362 人已围观
简介 我们一般在改变页面元素样式使用Javascript可实现,但不是简洁的办法,现在有了jQuery,似乎让Js代码瘦身了不少,应验了那...
我们一般在改变页面元素样式使用Javascript可实现,但不是简洁的办法,现在有了jQuery,似乎让Js代码瘦身了不少,应验了那句话:“jQuery让JavaScript代码变得简洁!”,言归正传,来看jquery如何添加、移除CSS类:
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.hasClass(\"className\") - 判断是否已经存在CSS
在实际运用中,我们通常是先定义好这些CSS类,然后通过Javascript事件触发(比如点击某个按钮)来改变页面元素样式。此外,jQuery还提供一种方法 hasClass(\"className\"),用来判断某个元素是否已经被赋予某个CSS类。顺便告诉前端开发的新手,jquery是值得拥有的,有空了好好研究吧。
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
Ueditor开启代码高亮设置
ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后前台想要完整的展现出来一真是个问题。百度ueditor...双击编辑异步更新[Jquery收藏]
现在有看到cms编辑后台部分信息时可以直接双击后修改,功能蛮华丽 以下jquery代码可以实现。 收藏 $(function(){ ...JQuery选择器通过click事件获取当前点击对象的id,name,value属性
Jquery是一个强大的js框架,方便了工作室小编.今天摘录JQuery选择器通过click事件获取当前点击对象的id,name,val...详谈thinkphp的getActionName
新手接触thinkphp突然看到一个函数getActionName,从名称上看应该是获取当前控制的名称. 还有一个常量是ACTION_N...