addClass怎么用-成都快上网建站

addClass怎么用

这篇文章主要介绍了addClass怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇addClass怎么用文章都会有所收获,下面我们一起来看看吧。

创新互联-专业网站定制、快速模板网站建设、高性价比德安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式德安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖德安地区。费用合理售后完善,十载实体公司更值得信赖。

.addClass( className )

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

className

类型: String

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

.addClass( function(index, currentClass) )

function(index, currentClass)

类型: Function()

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

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

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

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

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

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

这里,  myClass 和 noClass 样式名在所有段落上被移除, 然后 yourClass 被添加。

自 jQuery 1.4开始,  .addClass() 方法允许我们通过传递一个用来设置样式类名的函数。

$("ul li:last").addClass(function(index) {

return "item-" + index;

});

给定一个有2个

  • 元素的无序列表,这个例子将在最后一个
  • 元素上加上"item-1"样式。

    例子:

    Example: 在匹配的元素上加上'selected'样式。

    Hello

    and

    Goodbye

    关于“addClass怎么用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“addClass怎么用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


    标题名称:addClass怎么用
    URL网址:http://kswjz.com/article/gjosds.html
  • 扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流