淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是一个非常流行的JavaScript库,它可以非常方便地帮助我们实现各种JavaScript功能,其中包括高亮当前页。下面我们将通过代码示例演示如何使用jQuery高亮当前页。

$(document).ready(function() {
$("a").each(function() {
if ($(this).attr("href") == window.location.pathname) {
$(this).addClass("active");
}
});
});

以上代码首先通过$(document).ready()函数保证JavaScript代码在页面全部加载完成后再执行,然后使用jQuery的each()方法遍历页面中所有的a标签。接着判断当前a标签的href属性是否等于当前页面的路径,如果是,就使用addClass()方法给当前a标签添加一个名为active的class。这个class可以通过CSS样式进行定义,比如设置背景色为黄色,颜色为黑色。

.active {
background-color: yellow;
color: black;
}

通过上述代码,我们就可以很方便地在页面中高亮当前页的链接了。