这个函数的问题

来源:3-4 jQuery的属性与样式之增加样式.addClass()

街角疯

2017-09-11 15:23

$('div').addClass(function(index,className){

    if(-1 !== className.indexOf('imooc')){
                //this指向匹配元素集合中的当前元素
                $(this).addClass('imoocClass')
            }

})

这里indexOf代表的是imooc首次出现的位置!那么其中形参index  className是什么意思?还有className.indexOf()这里面的className是指$('div')这个对象集中的所有className的值的集合吗?  注释中还说this指当前元素,我的理解是第一次出现imooc的元素,同时给这个元素添加一个类名  可是效果为什么会有两个背景色为红色的盒子?

写回答 关注

2回答

  • 枫叶咚咚咚
    2017-09-19 12:06:21

    选择器$('div')是获取到所有div标签对象,然后对每个标签对象执行.addClass(function(index,className){……}),也就是查看每个div标签的className是否包含'imooc',如果包含,就再为这个标签增加一个值为'imoocClass'的新className。$(this)在这里是当前正在查看的div标签。

  • summerwhite005
    2017-09-12 14:14:00

      if(-1 !== className.indexOf('imooc'))意思是找到class名中有  imooc的,均给该元素添加新类 imoocClass,

    并不是第一imooc出现  而是所有含有imooc。如果出现两个 ,说明你的html中有两个元素均有imooc的class名

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题