什么是可用于在jquery中调用函数的方法 [英] What are methods available for calling functions in jquery
本文介绍了什么是可用于在jquery中调用函数的方法的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<html>
<head>
<script src="jquery-1.11.0.js"></script>
<script src="jquery-1.11.0.min.js"></script>
<script>
$('.main-nav li a', '.subnav-menu li a').on('click', function(){
$('.main-nav li, .subnav-menu li').removeClass('active');
$(this).parent().addClass('active');
});
$('.main-nav li ul li a, .subnav-menu li ul li a').on('click', function(){
$('.main-nav li, .subnav-menu li').removeClass('active');
$(this).parent().parent().parent('li').addClass('active');
$(this).parent('li').addClass('active');
});
</script>
</head>
<body>
<div id="navigation">
<div class="container-fluid">
<a href="javascript:void(0)" id="brand">Logo</a>
<a href="javascript:void(0)" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation">
<i class="icon-reorder"></i>
</a>
<ul class='main-nav'>
<li>
<a href="javascript:void(0)" name="sub-menu">
<span>Dashboard</span>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="dropdown" class='dropdown-toggle'>
<span>Inventory</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#" name="inner-sub-menu">Style</a>
</li>
<li>
<a href="#" name="inner-sub-menu">Department</a>
</li>
<li>
<a href="#" name="inner-sub-menu">Items</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Order</a>
</li>
</ul>
</div>
</div>
<div id="left">
<form action="#" method="GET" class='search-form'>
<div class="search-pane">
<input type="text" name="search" placeholder="Search here...">
<button type="submit" value="Submit"><i class="icon-search"></i></button>
</div>
</form>
<div class="subnav">
<ul class="subnav-menu">
<li>
<a href="javascript:void(0)" name="sub-menu">
<span>Dashboard</span>
</a>
</li>
<li class='dropdown'>
<a href="javascript:void(0)" data-toggle="dropdown">Inventory</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Style</a>
</li>
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Department</a>
</li>
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Items</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Order</a>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">User</a>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Session</a>
</li>
</ul>
</div>
</div>
</body>
</html>
推荐答案
（'。main-nav li a'，'。sububav-menu li a'）。on（'click'，function（）{
('.main-nav li a', '.subnav-menu li a').on('click', function(){
（' .main-nav li，.subnav-menu li'）。removeClass（'active'）;
('.main-nav li, .subnav-menu li').removeClass('active');
（this）.parent（）。addClass（'active'）;
}）;
(this).parent().addClass('active'); });
这篇关于什么是可用于在jquery中调用函数的方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
