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; }
通过上述代码,我们就可以很方便地在页面中高亮当前页的链接了。