使用 Javascript/JQuery 进行链接突出显示

Link Highlighting using Javascript/JQuery

本文关键字：链接 显示 Javascript JQuery 使用      更新时间：2023-09-26

我正在寻找一个纯粹的Javascript/JQuery解决方案来链接突出显示。它将以这样一种方式突出显示链接，如果您与导航链接位于同一页面上，它将在其他页面上脱颖而出。使用Javascript解决方案而不是css的原因是由于通过使用大量Javascript/JQuery代码制作网页的实验。我不打算将其集成或添加到我正在编写的任何站点/代码中。我只想得到适当的例子来进一步了解Javascript/JQuery，并满足我的好奇心。

"示例 3"页面上导航栏的小示例。

http://jsfiddle.net/hPhzB/

目录： 

 <nav>
    <a href="#">Example 1</a>
    <a href="#">Example 2</a>
    <a href="#">Example 3</a>
    <a href="#">Example 4</a>
    <a href="#">Example 5</a>
</nav>

短篇小说：使用javascript制作一个导航系统

  • 可以弄清楚它在哪个页面上
  • 将该页面链接到导航链接
  • 设置链接样式，使其脱颖而出

您可以在页面上的内容容器类（或 body 元素）中使用正则表达式。

退房： http://fiddle.jshell.net/UeNdJ/

<ul>
  <li id="m1">menu1</li>
  <li id="m2">menu2</li>
  <li id="m3">menu3</li>
</ul>

首先，不要用 js 做你可以简单地用 css 做的事情.css比 js 便宜得多。 但是如果你真的想用 js 来做这件事，你可以用 js 设置 css。 

$('#m2').css('background-color','blue');

但同样，这不是优雅的方式。这让我不开心。

相关文章：