jquery添加到身體標記

以下腳本位於div內，這是否重要？因爲它不起作用。語法正確嗎？我需要告訴jquery首先在DOM中升級嗎？我將如何做到這一點？jquery添加到身體標記

 $(document).ready(function() { 
      $('body').addClass('diary'); 
     });

謝謝你們。

下面是HTML中的相關章節：

<body>

<header> 
    <div class="logo"> 
     <a href=""></a> 
    </div> 
    <nav class="main-nav"> 
     <a class="first" href="http://www.adrianwaddingham.com">HOME</a> 
     <a class="second" href="/sheriff">SHERIFF</a> 
     <a class="third" href="/biography">BIOGRAPHY</a> 
     <a class="fourth" href="/contact">CONTACT</a>  
     <a class="fifth" href="/diary">DIARY</a>  

    </nav> 

    </header> 

<script> 
     $(document).ready(function() { 
      $('body').addClass('diary'); 
     });  
</script> 


<section class="copy-main"> 
    <article>

來源

2012-11-12 Pete Norris

我知道您正在查看html源代碼來檢查您添加的主體類。源代碼中不顯示使用javascript進行DOM操作，但您可以在瀏覽器中使用Developer Tools進行檢查（Chrome，Firefox和IE有一個）。

來源

2012-11-12 12:54:45 halilb

對不起浪費你所有的時間...不知道類中沒有顯示在視圖源。一旦我確認了，我很快就發現了這個問題 - 最近開始使用SASS，並且我的樣式表的編譯版本不會自動上傳到網站。感謝大家。 –

你的代碼是完全正確的，因爲$('body')將搜索整個DOM

來源

2012-11-12 12:48:51

謝謝，雖然當我在頁面上查看源代碼時，body仍然沒有class。 –

必須有另一個問題。控制檯中有任何錯誤？你能告訴我們更多的代碼嗎？ –

沒有問題的腳本。 Diary類將適用於身體。你可以分享你的日記課程，請檢查jQuery是否正確加載，使用任何開發工具，如螢火蟲。

在頁面中添加jQuery文件，如下所示腳本是文件夾，jQuery.js是jQuery文件。如果您已經將此內容包含在您的網頁中，請與任何開發人員工具檢查它是否正確加載。

<script src="Scripts/jQuery.js" type="text/javascript"></script>

或者添加從CDN

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

來源

2012-11-12 12:51:14 Kashif

body.diary a { \t \t \t \t border-bottom：3px solid white; } –

您的代碼看起來不錯。在這裏檢查，http://jsfiddle.net/muthkum/P5uS2/。使用FireBug或Chrome Inspector檢查<body>標籤。

確保您包含jquery文件。

來源

2012-11-12 12:53:28

有沒有簡單的方法來檢查jquery是否正在加載？我在那裏有鏈接。 –

檢查頁面的源代碼或在瀏覽器上查看源代碼。尋找jquery.js或jquery.min.js –

jquery添加到身體標記

回答

相關問題