Issue transfering Javascript to Jquery

Issue transfering Javascript to Jquery

I would like to use my javascript below to make it cross-plattform compatible. But I don't know how to get started. My script is connected with css, on hover the number will be displayed as drop down.

  1.     <script type="text/javascript">
        "user-strict";
        (function()
        {
            function main()
            {
                var nav = document.getElementById( 'navSalon' );
                for( var i = 0; i < nav.children[0].children.length; i++ )
                {
                    var x = nav.children[0].children[i];
                    var ul = document.createElement( 'ul' );
                    var li = document.createElement( 'li' );
                    li.textContent= i.toString();
                    ul.appendChild( li );
                    x.appendChild( ul );
                }
        }
       
        addEventListener("load", main, false);
        })();
        </script>




















  1.             <div id="navSalon">
                    <ul>
                        <li>
                            <a href="#"><img src="dot0.png" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="dot1.png" /></a>
                        </li>
                    </ul>
                </div>