利用jquery改变指定元素的class样式
2016-11-03 14:57
316 查看
转载自:https://zhidao.baidu.com/question/198957381702457485.html
jQuery中一般有3个关于改变元素class的函数
addClass、removeClass、toggleClass
addClass
描述: 为每个匹配的元素添加指定的样式类名
removeClass
描述: 移除集合中每个匹配元素上一个,多个或全部样式。
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
jQuery中一般有3个关于改变元素class的函数
addClass、removeClass、toggleClass
addClass
描述: 为每个匹配的元素添加指定的样式类名
$('div').addClass('className');//为所有div添加名为className的class
removeClass
描述: 移除集合中每个匹配元素上一个,多个或全部样式。
$('div').removeClass('className');//将所有div上名为className的class移除
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
$('div').toggleClass('className');//如果div上有这个class就删除,没有就添加
相关文章推荐
- jQuery改变兄弟元素样式,及:not([class="allclassname"])筛选小结
- jQuery使用hide方法隐藏指定元素class样式用法实例
- jquery判断一个元素是否含有一个指定的类(class)
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- Jquery小点滴 - 改变元素的CSS Class
- jQuery使用removeClass方法删除元素指定Class的方法
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- jquery控制table中的input样式,巧妙利用标签元素,隐藏input边框
- 使用jquery的toggleClass属性无法改变样式
- jquery如何判断某元素是否具备指定的样式
- document.getElementsByClassName:简单的原生通过className查找元素,可指定多个样式名称进行查找
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)另外如何给元素动态添加类
- jquery如何判断某元素是否具备指定的样式
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)
- jquery 添加点击添加class样式 移除兄弟元素样式
- jquery获得/失去焦点改变元素样式
- jQuery:hasClass() 方法检查被选元素是否包含指定的 class;after()在某元素之后插入新元素
- jQuery通过CSS()方法给指定的元素同时设置多个样式
- jQuery通过CSS()方法给指定的元素同时设置多个样式