JQuery动态添加/删除class样式
来源:互联网 发布:linux开机启动流程图 编辑:程序博客网 时间:2024/06/06 09:24
有时我们会对某个控件的class样式进行获取、添加、修改、删除。下面是简单整理的一些实例用法:
html样例代码如下:
<ul class="pro_list fl cont"> <li class="core"></li> <li class="core"></li> <li class="core"></li></ul>
1.获取样式名
var class_name=$(".pro_list").attr("class");结果:"pro_list fl cont"
2.添加样式(给第一个li添加样式”current”,这里的添加是追加)
$(".pro_list li").eq[0].addClass("current");执行后第一个li就变成如下:<li class="core current"></li>
3.修改样式,其实就是将class属性重新赋值
$("ul").attr("class", "mylist");执行结果:<ul class="mylist"> <li class="core"></li> <li class="core"></li> <li class="core"></li></ul>
4.删除样式
1)删除某个样式
$("ul").removeClass("fl");执行结果:<ul class="pro_list cont"> <li class="core"></li> <li class="core"></li> <li class="core"></li></ul>
2)删除两个样式
方法一:$("ul").removeClass("fl").removeClass("cont");方法二:$("ul").removeClass("fl cont");执行结果:<ul class="pro_list cont"> <li class="core"></li> <li class="core"></li> <li class="core"></li></ul>
3)移除全部样式
$("ul").removeClass();
5.判断是否含有某个样式
if($("ul").hasClass("cont")){ alert(true);}else{ alert(false);}方法二:if($("ul").is(".cont")){ alert(true);}else{ alert(false);}
6.样式名显示隐藏切换显示
$("ul li").toggleClass("current");
阅读全文
1 0
- jquery 动态添加、删除class样式
- jquery动态添加、删除class样式
- jquery动态添加、删除class样式
- jquery动态添加,删除class样式
- JQuery动态添加/删除class样式
- 动态添加、删除class样式
- jquery 如何动态添加、删除class样式方法介绍
- jQuery 如何动态添加、删除 class 样式方法介绍
- jquery 如何动态添加、删除class样式方法介绍
- jquery 如何动态添加、删除class样式方法介绍
- jquery 如何动态添加、删除class样式方法介绍
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- jquery动态添加和删除class属性
- 用jquery中动态添加删除class制作导航栏
- Jquery 中添加删除样式
- JQuery 添加和删除class
- class 样式的添加,删除,切换 【选择器】
- JQuery动态添加删除表格
- js的基本类型和引用类型
- sas统计分析学习笔记(一)
- 浅谈hashmap 以及其与hashtable,currenthashmap区别
- 同一个web项目,hibernate的mysql和sqlservice的两个不同数据库配置
- 测试道路之第四周-Linux基础命令使用
- JQuery动态添加/删除class样式
- 几种不常有IO流,自己用,比较粗糙
- leetcode 1 two sum 刷题学习笔记
- oracle用户创建及权限设置
- Ubuntu安装BeeGFS
- 解决vi编辑器不能使用方向键和退格键问题
- jother编码原理/最简单解决的办法
- Machine Learning & Deep Learning 论文阅读笔记
- Java面试题数据结构