                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

兩者之間有何區(qū)別？

1、?$('.left div').addClass('newClass')

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

??????????? //找到類名中包含了imooc的元素
??????????? if(-1 !== className.indexOf('imooc')){
??????????????? //this指向匹配元素集合中的當前元素
??????????????? $(this).addClass('imoocClass')
??????????? }
??????? });

1和2之間有什么區(qū)別，不都是添加一個新的樣式嗎？那為什么要用2這個復(fù)雜的呢

唯爾半截湘妃

2016-08-23

源自：jQuery基礎(chǔ) (一)—樣式篇 3-4

關(guān)注問題我要回答

984

操作

收起

1 回答

salody 回答被采納 +3 積分
2016-08-24

舉個例子你就懂了。有這樣一個html

<ul>
??????<li>Hello</li>
??????<li>Hello</li>
??????<li>Hello</li>
</ul>

你想給每個li加入classname。而且class不同,但是又有與index相關(guān)聯(lián)的部分

$('ul?li').addClass(function(index)?{
??return?'item-'?+?index;
});

用上面的代碼給li加上classname，你可以嘗試看看結(jié)果是什么樣子的.

詳細的你可以查看jQuery的API對于這個的描述：

.addClass()

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

唯爾半截湘妃提問者

是不是用第一種，只能給3個l，i加上同一個class,而利用函數(shù)，就能巧妙的為3個li加上不同的class,對嗎

2016-08-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

柒渡回復(fù) 唯爾半截湘妃提問者

我看了這個例子下明白，其實index就是表示元素的位置，后面那個'item-'+index就是利用了每個li位置不同，添加不用class，比如第一個就是item-0，第二個就是item-1，第三個就是item-2，明白了吧。這個index就是用用來表示前面$('ul li')選出多個對象是區(qū)別位置的。

2016-09-03 回復(fù) 有任何疑惑可以回復(fù)我~

#3

唯爾半截湘妃提問者

非常感謝！

2016-09-05 回復(fù) 有任何疑惑可以回復(fù)我~