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

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

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

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

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

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

唯爾半截湘妃

2016-08-23

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

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

1002

操作

收起

1 回答

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

舉個(gè)例子你就懂了。有這樣一個(gè)html

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

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

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

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

詳細(xì)的你可以查看jQuery的API對(duì)于這個(gè)的描述：

.addClass()

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

收起回答

#1

唯爾半截湘妃提問(wèn)者

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

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

#2

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

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

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

#3

唯爾半截湘妃提問(wèn)者

非常感謝！

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