jQ基础 类样式的几种
来源:互联网 发布:linux进入单用户模式 编辑:程序博客网 时间:2024/06/05 16:24
二,Jq操作类样式:
1, 添加类样式:
.addClass(“cls cls2”);
在addClass()方法中类样式的名字不需要点,多个类样式的名字要空格隔开。
2, 移除类样式:
.removeClass(“cls cls2”);
移除所有类样式:
.removeClass();
网页开关灯案例:
思路:先判断body是否应用了某个类样式,如果应用了就移除,
如果没有应用就添加。
.hasClass(“cls”)——> .removeClass(“cls”);
.val(“关灯”);
最简洁代码:
.toggleClass();方法,切换类样式。
$(“#btn”).click(function(){ $(“body”).toggleClass(“cls”);//切换类样式})
day05
.hasClass(“cls”);用来检测是否运用了类样式。
一,产品切换案例:
1, 获取ul中所有的li,调用鼠标进入事件。
① 当前元素的兄弟元素li的移除类样式
② 让当前的li添加类样式。
③ 获取当前的li的索引
④ 获取div中对应的索引的这个div,(:eq())
让这个div的所有的兄弟元素div全部移除类样式,
让当前对应的div(索引对应的div)应用类样式。
0 0
- jQ基础 类样式的几种
- JQ的几种选择器
- JQ插入元素的几种方法
- cursor 鼠标样式的几种样式
- 使用JQ来回切换样式的三种方法
- 几种input的样式
- css的几种样式
- css的几种样式
- JQ的几种下拉选择菜单的取得方式
- 使用JQ来改变HTML文档的几种方法
- 总结jq 出现隐藏的动态样式
- jq 改变其他兄弟元素的样式
- JQ 写带!important 的css样式
- jq-04样式和类操作
- tableView cell的几种样式样式 右侧带图片
- 超链接样式的几种状态
- 定义HR水平线的几种样式
- 几种常见的DIV边框样式
- Hadoop(三) 大数据离线计算与实时计算
- 如何搭建Swagger接口文档
- 发送到受限的广播地址255.255.255.255失败的问题
- 排序算法的性能分析
- python连接oracel数据库,提取数据后制图并通过邮件发送
- jQ基础 类样式的几种
- CornerStone的使用
- TIOBE Index for April 2017(2017年04月编程语言排行榜)
- 【MySQL】MySQL关键字作为列名表名的处理方式
- Hibernate映射主键属性
- first
- Swift Invalid bitcode version (Producer: '802.0.41.0_0' Reader: '800.0.42.1_0')
- Arduino对舵机的控制
- Mapreduce实例---流量汇总(自定义类)