jQuery-处理class属性
1、addClass方法
为每个匹配的元素添加指定的样式类名
参数类型说明:
1)class名称(字符串)
每个匹配元素添加的一个或多个用空格隔开的样式名
2)function(index, currentClass)
有多少个匹配元素,这个函数就会执行多少次!
函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素拥有class
函数内部this代表当前的html元素对象
return 的数据就是类名
2、hasClass方法
确定任何一个匹配元素是否含有给定的(样式)类,返回true或false
可用于多个拥有多个类名的元素
参数类型说明:
类名称
3、removeClass方法
移除集合中每个匹配元素上一个,多个或全部样式
1)class名称(字符串)
每个匹配元素移除的一个或多个用空格隔开的样式名
2)function(index, className)
有多少个匹配元素,这个函数就会执行多少次!
函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素拥有class
函数内部this代表当前的html元素对象
返回一个或多个(用空格隔开)将要被移除的样式名
4、toggleClass方法
切换!如果存在(不存在)类就删除(添加)这个类
使用说明:
1)使用方式一:
不传参数
对已有的class进行切换!
2)使用方式二:
传入类型: String
在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名
3)使用方式三
传入函数:
Function( Integer index, String className )
String className:当前元素拥有的class
返回应该显示的样式
可以人工控制是应该加上指定的样式,还是移除指定的样式!
可以给该参数传第二个参数(布尔值),用来表示判断样式类是否应该被添加或删除:
true表示添加样式,false表示移除样式!
最新文章
- iOS 10.0适配之旅
- Java技能树
- ember - 观察者模式
- java语言的认识
- 5月21日 CSS样式表加阴影
- [ActionScript 3.0] AS3 绘制正四面体(线条)
- JS无缝文字滚动(兼容各大浏览器)
- 伴随ListView、RecyclerView、ScrollView滚动滑入滑出小图标--第三方开源--FloatingActionButton
- 数据可视化(三)- Seaborn简易入门
- mysqlimport 导入文件到数据库命令
- Android fragment 回调函数改进
- spark-shell - 三个引号,让脚本阅读更开心
- POJ 1236.Network of Schools (强连通)
- Resharper上手指南
- 递归思路分解(C#)
- 一行一行分析JQ源码学习笔记-05
- 如何在spring中获取request对象
- php从气象局获取天气预报并保存到服务器
- c语言第五次作业0
- 浅谈最长上升子序列(LIS)