jquery選擇器如何工作

-2

我正在做codecademy上的練習練習 - 互動網站：推送菜單。有一些我不瞭解jQuery選擇器。在下面的示例中，乳清html元素 - 「菜單」需要有一個'。'在jquery中選擇它並且html元素'body'不需要'。'？jquery選擇器如何工作

var main = function() { 
    /* Push the body and the nav over by 285px over */ 
    $('.icon-menu').click(function() { 
    $('.menu').animate({ 
     left: "0px" 
    }, 200); 

    $('body').animate({ 
     left: "285px" 
    }, 200); 
    }); 

    /* Then push them back */ 
    $('.icon-close').click(function() { 
    $('.menu').animate({ 
     left: "-285px" 
    }, 200); 

    $('body').animate({ 
     left: "0px" 
    }, 200); 
    }); 
}; 


$(document).ready(main);

來源

2014-11-22 snowmom475

嘗試閱讀jQuery API的選擇器部分 – charlietfl 2014-11-22 19:24:28

在大多數情況下，它們的工作方式與CSS選擇器完全相同（在可用的情況下使用['document.querySelectorAll（）']（https：//developer.mozilla .org/en/docs/Web/API/Document.querySelectorAll）），請閱讀：http://www.w3.org/TR/selectors/#selectors – 2014-11-22 19:24:36

期間"."用於CSS類。

所以你可能有這樣的事情在你的HTML

<div class="menu"> 

</div>

身體是一個html標籤，因此你可以直接瞄準標記，如身體，或HTML，或H3等。

來源

2014-11-22 19:24:35

這是由於用於選擇事物的標識符的類型。

「body」是一個標籤，標籤是第一個類對象，因此不需要額外的語法。「菜單」是標籤上的一個類，而類以「。」作爲前綴。 - 因此「.menu」。

另一個重要的常見類型是id，它通常在頁面上是唯一的，並且以＃爲前綴。

這個語法在jquery和css之間共享。

來源

2014-11-22 19:26:11

jquery選擇器如何工作

回答

相關問題