同學們,解釋一下這句話的意思,沒太明白
? ? <script type="text/javascript">?
? ??
? ? ? ? //通過className(fucntion)方法
? ? ? ? //這個函數(shù)返回一個或更多用空格隔開的要增加的樣式名。
? ? ? ? //接收index 參數(shù)表示元素在匹配集合中的索引位置和html 參數(shù)表示元素上原來的 HTML 內(nèi)容
? ? ? ? //找到所有的div,然后通過addClass設(shè)置顏色,根據(jù)返回的className的判斷,
? ? ? ? $("div").addClass(function(index,className) {
? ? ? ? ? ? //找到類名中包含了imooc的元素
? ? ? ? ? ? if(-1 !== className.indexOf('imooc')){
? ? ? ? ? ? ? ? //this指向匹配元素集合中的當前元素
? ? ? ? ? ? ? ? $(this).addClass('imoocClass') ??
? ? ? ? ? ? }
? ? ? ? });
? ? </script>
2018-08-08
課程中這個寫法不標準
應(yīng)該用
return 'imoocClass' 來代替那句 $(this).addClass('imoocClass')
才對
2018-01-11
樓上說的最后一句是錯的,$("div[className='imooc']").addClass("imoocClass"),首先這里的div沒有className屬性,其次,人家的值也不是imooc,所以不能用 =
應(yīng)該是$("div[class*='imooc']").addClass("imoocClass") 或者是 $("div[class~='imooc']").addClass("imoocClass")
最后 我想說的是 那些給他點贊的人,你們只是看而不去實際寫一下看效果嗎?
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")功能一樣