初学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设置吗？