jquery addclass à la balise body

Le script ci-dessous est à l'intérieur d'un div, est-ce important? Comme il ne fonctionne pas. Est la syntaxe droit? Ai-je besoin de dire jquery pour remonter d'un niveau dans les DOM en premier? comment puis-je faire?

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

Merci les gars.

Ici est la section correspondante dans le code 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>

OriginalL'auteur Pete Norris | 2012-11-12

  1. 3

    Je comprends que vous affichez le code source html de vérifier le corps de la classe que vous avez ajouté. Manipulation du DOM avec javascript n'est pas visible dans le code source, mais vous pouvez le vérifier avec les Outils de développement de votre navigateur(Chrome, Firefox et IE).

    Désolé pour perdre tout votre temps... ne savais pas à propos de la classe apparaît pas dans l'affichage de la source. Une fois que j'ai vérifié, j'ai vite trouvé la question récemment commencé à utiliser SASS et la version compilée de ma feuille de style n';t télécharger automatiquement sur le site. merci à vous tous.

    OriginalL'auteur halilb

  2. 1

    Votre code est parfaitement correcte, car $('body') va chercher l'ensemble DOM

    merci, mais quand je l'affichage de la source de la page, le corps reste sans classe.
    Il doit y avoir un autre problème. Toute erreur dans la console? Pouvez-vous nous montrer plus de code?

    OriginalL'auteur Kir Ivlev

  3. 1

    Votre code semble correct. Vérifiez ici http://jsfiddle.net/muthkum/P5uS2/. L'utilisation de FireBug ou Chrome Inspecteur pour vérifier la <body> tag.

    Assurez-vous que vous avez inclus jquery fichier.

    Est-il un moyen facile de vérifier jquery est chargé? - Je avoir le lien.
    De vérifier la source de la page ou de l'affichage de la source sur votre navigateur. Recherchez jquery.js ou jquery.min.js

    OriginalL'auteur Muthu Kumaran

  4. 1

    Pas de problème avec un script. Diary classe va s'appliquer au corps. Pouvez-vous partager vous journal de classe et s'il vous plaît vérifier que jQuery est chargé correctement, utilisez l'outil de développement comme firebug.

    Ajouter le fichier jQuery dans votre page comme suit, où les Scripts du dossier et jQuery.js est le fichier jQuery. Si vous avez déjà inclus dans votre page, puis vérifier avec n'importe quel outil de développement qu'il charge correctement.

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

    Ou ajouter du CDN

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    corps.journal d'un{ border-bottom: 3px solid white; }

    OriginalL'auteur Kashif