access jquery children elements
<pre><code>&lt;div style="float: right; margin-top: 15px; " class=" class1"&gt;

    &lt;div style="min-width: 50px; min-height: 29px; opacity: 0.5; " class=" sub1_class"&gt;
        &lt;div style="height: 29px; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " class=" sub2_class"&gt;

            &lt;div style="height: 39px; overflow-x: hidden; overflow-y: hidden; zoom: 1; cursor: pointer; background-image: url('images/new'); margin-top: 1px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; " class=" sub3_class" unselectable="on"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want to access the children elements and change its css of the above dom structure. How do I do it. I am learning jquery.
I have assigned <code>class1</code> class to a variable.
<code>myclass=document.getElementsByClassName('class1')[0];</code></p>

<p>And I need to change the css of class names <code>sub2_class</code> and <code>sub3_class</code>.
How do I do this??</p>
