初学jquery制作二级菜单鼠标移入效果

Question

    <ul class="ulEvent">

        <li>

            <a href="#">中国</a>

            <ul class="commodity_2nav hide">

                <li><a href="#">北京</a></li>

                <li><a href="#">北京</a></li>

                <li><a href="#">北京</a></li>

            </ul>

        </li>

        <li>

            <a href="#">美国</a>

            <ul class="commodity_2nav hide">

                <li><a href="#">纽约</a></li>

                <li><a href="#">纽约</a></li>

                <li><a href="#">纽约</a></li>

            </ul>

        </li>

     </ul>

     

     

     以上代码使用jquery如何实现鼠标移入显示子元素commodity_2nav，移出就不显示

     class  hide设置了display：none

     另外可以使用事件委派在父元素ulEvent设置吗？