                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

这个函数的问题

$('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的元素，同时给这个元素添加一个类名可是效果为什么会有两个背景色为红色的盒子？

街角疯

2017-09-11

源自：jQuery基础 (一)—样式篇 3-4

关注问题我要回答

1130

操作

收起

2 回答

枫叶咚咚咚
2017-09-19

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