2014-09-02 67 views
0

我很困惑何時在引用類名前使用句號。 在這個例子中,爲什麼第一次使用'active-slide'類的時候會預先使用一段時間,而另外兩個則不使用?JavaScript和jQuery和使用句點

var main = function(){ 
$('.dropdown-toggle').click(function(){ 
    $('.dropdown-menu').toggle(); 
    }); 

$('.arrow-next').click(function(){ 
    var currentSlide = $('.active-slide'); //period 
    var nextSlide = currentSlide.next(); 

    currentSlide.fadeOut(600); 
    currentSlide.removeClass('active-slide'); //no period 

    nextSlide.fadeIn(600); 
    nextSlide.addClass('active-slide'); //no period 
    }); 
} 

$(document).ready(main); 
+3

一個很好的經驗法則是:如果函數中有單詞Class,則不使用句點。 – 2014-09-02 21:53:57

+1

前兩個使用這樣的時期,因爲這是一個CSS選擇器。其他人不使用它,因爲您正在從元素的類屬性中添加或刪除類名。 – 2014-09-02 21:54:04

回答

3

.字符是一個選擇器。它允許你選擇那個('active-slide')類的所有DOM元素。

jQuery語法$('')使用選擇器返回jQuery封裝的元素。

當您添加/刪除類時,您沒有使用選擇器。你是從字面上刪除一個實際上是「活動 - 幻燈片」的類名(否.

1

$('.active-slide')正在使用jQuery的元素選擇器。 (add|remove)Class('active-slide');正在修改元素。