How to select all body elements except first div
<p>I have this HTML:</p>

<pre><code>&lt;body&gt;
    &lt;div id="switcher" class="switcher"&gt;
        &lt;h3&gt;Style Switcher&lt;/h3&gt;
        &lt;button id="switcher-default"&gt;
                Default
        &lt;/button&gt;
        &lt;button id="switcher-narrow"&gt;
            Narrow Column
        &lt;/button&gt;
        &lt;button id="switcher-large"&gt;
            Large Print
        &lt;/button&gt;
    &lt;/div&gt;
    &lt;p&gt;asdfasdfasdfas dsadf&lt;/p&gt;
    &lt;p&gt;asd'lfkasdf&lt;/p&gt;

    &lt;script src="jquery.js"&gt;&lt;/script&gt;
    &lt;script src="test.js"&gt;&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>I want to add a class to all body elements except my first <code>div</code> (which has the <code>id</code> called switcher), when I click on the Large print <code>button</code>.</p>

<p>I have tried </p>

<pre><code> $(document).ready(function(){
   $("#switcher-large").bind("click", function(){       
    $("body:not(:first-child)").addClass("large");      
    });
});
</code></pre>

<p>and </p>

<pre><code>$(document).ready(function(){
   $("#switcher-large").bind("click", function(){       
    $("body:not(div)").addClass("large");       
    });
});
</code></pre>

<p>and</p>

<pre><code>$(document).ready(function(){
       $("#switcher-large").bind("click", function(){       
        $("body").not("#switcher").addClass("large");       
        });
    });
</code></pre>

<p>but none seem to work (the class applies to all elements).</p>

<p>I don't want to find an alternate way like selecting only <code>p</code> elements. I just want to understand why the selectors I used don't work...</p>
