jQuery的属性与样式之增加样式.addClass()
2017-05-25 20:12
363 查看
通过动态改变类名(class),可以让其修改元素呈现出不同的效果。在HTML结构中里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦。同样的jQuery开发者也考虑到这种情况,增加了一个.addClass()方法,用于动态增加class类名
.addClass( className )方法
1、.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名
2、addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名
注意事项:
.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上
简单的描述下:在p元素增加一个newClass的样式
那么p元素的class实际上是 class=”orgClass newClass”样式只会在原本的类上继续增加,通过空格分隔
.addClass( className )方法
1、.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名
2、addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名
注意事项:
.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上
简单的描述下:在p元素增加一个newClass的样式
<p class="orgClass"> $("p").addClass("newClass")
那么p元素的class实际上是 class=”orgClass newClass”样式只会在原本的类上继续增加,通过空格分隔
相关文章推荐
- JQuery属性与样式——.val()和增加样式.addClass()
- jQuery的属性与样式之增加样式.addClass()
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- jQuery用addClass方法同时增加多个class属性
- jQuery增加样式——.addClass()
- JQuery:通过属性addClass、removeClass和toggleClass实行增加和删除类
- jquery实现页面刷新后保留鼠标点击addclass的样式
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- JQuery中.css()与.addClass()设置样式的区别
- jQuery的属性与样式之删除样式.removeClass()
- Jquery中.css()与.addClass()两种方法设置样式的区别
- 使用jquery的toggleClass属性无法改变样式
- jQuery 属性操作 - addClass() 方法
- jquery的样式操作Css Class(addClass,removeClass,toggleClass)
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- JQuery实现页面刷新后菜单保留鼠标点击addclass的样式
- [原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- Jquery重新学习之三[属性addClass(),removeClass(),toggleClass()]
- jQuery学习笔记--属性 addClass removeClass