将相同的jQuery应用于两个不同的导航菜单可以通过以下步骤实现:
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<ul class="menu1">
<li>菜单项1</li>
<li>菜单项2</li>
<li>菜单项3</li>
</ul>
<ul class="menu2">
<li>菜单项A</li>
<li>菜单项B</li>
<li>菜单项C</li>
</ul>
<script>
$(document).ready(function() {
// 选择导航菜单元素
var menu1 = $('.menu1');
var menu2 = $('.menu2');
// 应用jQuery效果
menu1.addClass('active');
menu2.click(function() {
$(this).toggleClass('active');
});
});
</script>
</body>
</html>
在上述示例代码中,我们使用了两个不同的class选择器('.menu1'和'.menu2')来选择导航菜单元素,并分别应用了addClass()和click()方法来添加样式和点击事件。
请注意,以上示例代码中使用的是腾讯云CDN提供的jQuery库链接地址。如果需要使用其他腾讯云相关产品,可以参考腾讯云官方文档或产品介绍页面获取更多信息。
领取专属 10元无门槛券
手把手带您无忧上云