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


网站栏目:HTML如何为每个匹配的元素添加指定的样式类名
文章网址:http://lszwz.com/article/pjodds.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款