HTML如何为每个匹配的元素添加指定的样式类名

本篇内容主要讲解“HTML如何为每个匹配的元素添加指定的样式类名”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML如何为每个匹配的元素添加指定的样式类名”吧!

　　.addClass( className )

　　描述: 为每个匹配的元素添加指定的样式类名

　　添加的版本: 1.0.addClass( className )

　　className

　　类型: String

　　为每个匹配元素所要增加的一个或多个样式名。

　　添加的版本: 1.4.addClass( function(index, currentClass) )

　　function(index, currentClass)

　　类型: Function()

　　这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。

　　值得注意的是这个方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上。

　　对所有匹配的元素可以一次添加多个用空格隔开的样式类名, 像这样：

　　$("p").addClass("myClass yourClass");

　　这个方法通常和.removeClass()一起使用，用来切换元素的样式, 像这样：

　　$("p").removeClass("myClass noClass").addClass("yourClass");

到此，相信大家对“HTML如何为每个匹配的元素添加指定的样式类名”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！