您现在的位置是:首页 > 技术交流技术交流
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2015-09-26【技术交流】2298 人已围观
简介 我们一般在改变页面元素样式使用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:
很赞哦! ()
相关文章
随机图文
查看thinkphp版本
学习框架的好办法是参考现成的网站,那么学习thinkphp框架第一步就是需要查找自己需要的版本号的程序。方法一:在thinkphp文件夹...二维码常见数据格式标准
随着智能设备的普及,二维码(2D barcode or QR code=Quick reference code)的使用越来越广泛,用智能...双击编辑异步更新[Jquery收藏]
现在有看到cms编辑后台部分信息时可以直接双击后修改,功能蛮华丽 以下jquery代码可以实现。 收藏 $(function(){ ...表单文本框小技巧:禁止自动完成
文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-...