toggleClass的用法简介
来源:互联网 发布:淘宝店推广方式 编辑:程序博客网 时间:2024/06/08 08:42
用一个例子演示:
一个按钮,点击改变hello world的颜色是不是变红。
<html> <head> <title> new document </title> <meta content="text/html; charset=utf-8" /> <script src="jquery/jquery-2.2.4.min.js"> </script> <style type="text/css">.c1{color: red;} </style> </head> <body><div id="div" class="c1">hello world</div><button id="button"> click me</button> </body> <script type="text/javascript">$("#button").on("click", function(){$("#div").toggleClass('c1');}); </script></html>
toggleClass的用法就是,如果你选择的页面元素中(该例为div) 存在class属性,那就去掉calss属性;如果不存在class属性,就添加class属性。
class的方法还有addClass(),removeClass(),hasClass(),添加calss,删除class,判断calss是否存在返回值为true或者false。用法个上边的类似。
1 0
- toggleClass的用法简介
- Jquery的toggleClass用法注意
- slideToggle()和toggleClass()的用法
- Jquery中toggleClass的两种用法
- 有关toggleClass 与siblings的用法
- JQuery之addClass、removeClass和toggleClass的用法小结
- overflow,toggleClass 用法和实例
- Jquery toggleClass的使用
- toggleClass
- jQuery方法toggleClass的方法
- jQuery toggleClass方法的使用
- .addClass(),.removeClass(),.toggleClass()的区别
- toggleClass用法、用样式做选择器
- js实现jq的toggleClass方法
- addClass、removeClass、toggleClass三者的区别
- CFileDialog的用法简介!!
- CFileDialog的用法简介!!
- CFileDialog的用法简介
- FindBugs入门简介(eclipse安装使用实例)
- nodejs完整登陆交互
- hdoj1272【并查集】
- 第十三周项目53-纯虚函数
- composer注意的几个问题
- toggleClass的用法简介
- How to run 32-bit app in Ubuntu 14.04 64-bit?
- 解决表格中边框双线的问题
- 如何设置程序与文件关联并且双击关联文件时获取文件的路径呢?(转)
- Android应用保护
- opencv-ios开发笔记3 直方图匹配
- BZOJ 2330 差分约束 + spfa
- 斗地主AI算法实现 一(拆牌)
- java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start com