addClass()使用方法

含义：为元素添加指定的样式名
具体用法分为以下两种：

1、可以一次添加一个或者多个用空格隔开的样式名

例：$("ul li").addClass("text-red text-blue");

2、.addClass( function(index, currentClass) )function(index, currentClass）方法中第一个参数是当前元素的下标，第二个参数返回的是保持元素原有的样式值。
例：给当前元素添加text-red样式遇到text-muted则跳过

<style>.text-red{color: red;}
</style><ul><li>第一个</li><li class="text-muted">第二个</li><li>第三个</li><li>第一个</li><li class="text-muted">第二个</li><li>第三个</li>
</ul>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>$("ul li").addClass(function(i,currentClass) {if( currentClass !='text-muted'){return'text-red';}});
</script>

addClass()使用方法相关推荐

js 实现 hasClass(), addClass(), removeClass() 方法
js 实现 hasClass(), addClass(), removeClass() 方法 HTML5-classList classList 方法有 contains('className') / ...
JQuery中.css()与.addClass()设置样式的区别
对于样式的设置,我们学了addClass与css方法,那么两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类.css方法是通过Ja ...
angular.animation的使用
为什么80%的码农都做不了架构师?>>> overview angular-animate.js插件可以对ng-repeat,ng-view,ui-view,ng-includ ...
JQuery3 的新变化
1. for-of 循环 for-in 循环不被推荐遍历数组,forEach 循环不能中断,for-of 循环(ES6)则弥补了前两者的不足,又添加了更多拓展(比如能遍历字符串,DOM 元素等) 因此 ...
python基础（十七）
jQuery简介: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是&q ...
Python 【第八章】：JavaScript 、Dom、jQuery
JavaScript 放置位置 body内部最下面,这样可以避免javascript链接失效时,长时间加载不到页面html内容变量: var a =123 局部变量 a = 123 全局变量作用域 ...
JQuery中样式标签的处理
增加样式标签 JQuery中增加样式使用.addClass(className)方法通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当 ...
实战Jquery(一)--username校验
歇息了好几天,最终又開始学习了.jQuery? JQuery is designed to change the way that you write JavaScript. The focus of ...
Hibernate入门这一篇就够了
前言本博文主要讲解介绍Hibernate框架,ORM的概念和Hibernate入门,相信你们看了就会使用Hibernate了! 什么是Hibernate框架? Hibernate是一种ORM框架,全 ...
jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式
浏览器原本样式当浏览器宽度小于1200px时样式变为代码如下: 方法一:直接修改该div样式添加w1200,会覆盖前一个样式 $(function(){ var _width = $(window ...

addClass()使用方法

addClass()使用方法相关推荐

最新文章

热门文章