我们帮大家精选了jQuery相关的编程文章，网友白涵衍根据主题投稿了本篇教程内容，涉及到jquery、二级导航菜单、jquery实现带二级菜单的导航示例相关内容，已被218网友关注，如果对知识点想更进一步了解可以在下方电子资料中获取。
jquery实现带二级菜单的导航示例
$(document).ready(function () {
$('#Top .Toolbar1 .CentreBox .Menu .List1 li').mouseenter(function () {
var index = $(this).parent().children().index(this);
$(this).parent().children().each(function () {
if ($(this).hasClass('Select')) {
$(this).removeClass('Select');
}
});
$(this).addClass('Select');
$('#Top .Toolbar2 .CentreBox .Menu').each(function () {
if (!$(this).hasClass('Hide')) {
$(this).addClass('Hide');
}
});
$('#Top .Toolbar2 .CentreBox .Menu').eq(index).removeClass('Hide');
});
$('#Top .Toolbar2 .CentreBox .Menu ul li a').mouseenter(function () {
var index = $('#Top .Toolbar2 .CentreBox .Menu ul li a').index(this);
$('#Top .Toolbar2 .CentreBox .Menu ul li').each(function () {
if ($(this).hasClass('Select')) {
$(this).removeClass('Select');
}
});
$(this).parent().addClass('Select');
});
});
