使用jQuery在导航药丸上激活类

是指通过jQuery库中的方法，在导航菜单中的某个药丸（或者称为标签、按钮）上添加一个特定的类，以表示当前选中的状态。

具体实现步骤如下：

1. 首先，确保在HTML页面中引入了jQuery库的文件，可以通过以下方式引入：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

1. 在导航菜单的HTML结构中，为每个药丸添加一个共同的类名，用于选择器定位。例如，假设每个药丸都有类名为"pill"，并且当前选中的药丸会添加一个额外的类名"active"，则HTML结构可以如下所示：

<nav>
  <ul>
    <li class="pill">药丸1</li>
    <li class="pill">药丸2</li>
    <li class="pill">药丸3</li>
  </ul>
</nav>

1. 使用jQuery选择器选中导航菜单中的药丸元素，并为其添加点击事件处理程序。在点击事件中，首先移除所有药丸的"active"类名，然后为当前点击的药丸添加"active"类名。代码示例如下：

$(document).ready(function() {
  $('.pill').click(function() {
    $('.pill').removeClass('active');
    $(this).addClass('active');
  });
});

1. 最后，可以通过CSS样式来定义"active"类的样式，以突出显示当前选中的药丸。例如，可以设置背景色或文本颜色等。示例CSS代码如下：

.pill.active {
  background-color: #f00;
  color: #fff;
}

这样，当用户点击导航菜单中的药丸时，被点击的药丸会添加"active"类，从而改变其样式，以表示当前选中状态。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe