CODEWITHSUNDEEP
jqueryaddclass
Pete Norris
Pete Norris

Reputation: 1054

jquery addclass to body tag

The following script is within a div, does this matter? As it doesn't work. Is the syntax right? Do I need to tell jquery to go up a level in the DOM first? how would I do this?

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

Thanks guys.

Here is the relevant section in the 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>

Upvotes: 6

Views: 29114

Answers (4)

Kashif
Kashif

Reputation: 14440

No problem with script. Diary class will apply to body. Can you share you diary class and please check that jQuery is loaded correctly, use any development tool like firebug.

Add jQuery file in your page like following where Scripts is folder and jQuery.js is jQuery file. If you already included this in your page then check with any developer tool that it is loading correctly.

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

Or add from CDN

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

Upvotes: 1

halilb
halilb

Reputation: 4115

I understand that you are viewing the html source to check body class you added. DOM manipulation with javascript is not visible in source code, but you can check it with Developer Tools in your browser(Chrome, Firefox and IE have one).

Upvotes: 3

Muthu Kumaran
Muthu Kumaran

Reputation: 17930

Your code looks fine. Check here, http://jsfiddle.net/muthkum/P5uS2/. Use FireBug or Chrome Inspector to check the <body> tag.

Make sure you included jquery file.

Upvotes: 1

user1796666
user1796666

Reputation:

Your code is perfectly correct since $('body') will search the whole DOM

Upvotes: 1

Related Questions