在开发网页时需要实现当前页面高亮效果,我们可以使用 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;
}







umtheme





