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