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

同学们，解释一下这句话的意思，没太明白

//通过className(fucntion)方法

//这个函数返回一个或更多用空格隔开的要增加的样式名。

//接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容

//找到所有的div，然后通过addClass设置颜色，根据返回的className的判断，

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

//找到类名中包含了imooc的元素

if(-1 !== className.indexOf('imooc')){

//this指向匹配元素集合中的当前元素

$(this).addClass('imoocClass')

}

});

</script>

690017359

2017-09-08

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

关注问题我要回答

1226

操作

收起

3 回答

慕粉1503299742
2018-08-08

课程中这个写法不标准

应该用

return 'imoocClass' 来代替那句 $(this).addClass('imoocClass')

才对

2 回复有任何疑惑可以回复我~

收起回答

qq_妳若是夢我願長眠_0

结果不都一样吗

2018-08-15 回复有任何疑惑可以回复我~

冷寒轩111
2018-01-11

楼上说的最后一句是错的，$("div[className='imooc']").addClass("imoocClass")，首先这里的div没有className属性，其次，人家的值也不是imooc,所以不能用 =

应该是$("div[class*='imooc']").addClass("imoocClass") 或者是 $("div[class~='imooc']").addClass("imoocClass")

最后我想说的是那些给他点赞的人，你们只是看而不去实际写一下看效果吗？

15 回复有任何疑惑可以回复我~

收起回答

艾零
2017-09-09

function(index,className) {

//找到类名中包含了imooc的元素

if(-1 !== className.indexOf('imooc')){

//this指向匹配元素集合中的当前元素

$(this).addClass('imoocClass')

}

index 和className 不用管这是jQuery中的默认值。className.indexOf('imooc')这句判断传入的className中‘’imooc’首次的位置，如果没有则会返回-1. 如果不等于-1 说明div的className中有imooc 这时给它添加上一个新的className ‘’imoocClass‘’

$("div").addClass(function(index,className){...}与$("div[className='imooc']").addClass("imoocClass")功能一样

8 回复有任何疑惑可以回复我~

收起回答