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

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

成都创新互联专业为企业提供新宁网站建设、新宁做网站、新宁网站设计、新宁网站制作等企业网站建设、网页设计与制作、新宁企业网站模板建站服务，10年新宁做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

.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如何为每个匹配的元素添加指定的样式类名”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！