在开发网页时需要实现当前页面高亮效果,我们可以使用 jQuery 来高亮当前分类链接,以下是一个实现示例:javascript $(document).ready(function() { // 获取所有的分类链接 var links = $(".category-list a"); // 循环遍历每一个链接 $(l...
在开发网页时需要实现当前页面高亮效果,我们可以使用 Jquery 来高亮当前分类链接,以下是一个实现示例:
javascript $(document).ready(function() { // 获取所有的分类链接 var links = $(".category-list a"); // 循环遍历每一个链接 $(links).each(function() { // 检查链接地址是否与当前页面地址相同 if ($(this).attr("href") == window.location.href) { // 如果相同,则为该链接添加 "active" 类 $(this).addClass("active"); } }); });
这段代码会在页面加载完成后执行,获取页面中带有 .category-list 类的元素下的所有链接,然后循环遍历每一个链接,检查其链接地址是否与当前页面地址相同,如果相同就为该链接添加 active 类。
您需要在 css 文件中定义 active 类的样式,例如:
css .active { color: red; font-weight: bold; }