主页 / 网络编程 /

jQuery实现高亮显示的方法

网络编程 2021-07-04 21:47www.168986.cn编程入门
这篇文章主要介绍了jQuery实现高亮显示的方法,涉及jQuery样式控制的addClass与removeClass方法使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现高亮显示的方法。分享给大家供大家参考。具体如下

主要功能代码如下

var v = window.location.pathname;
 $(".hd ul li a").each(function (i) {
 var vherf = $(this).attr("href");
 if (v == vherf) {
  $(".hd ul li").eq(i).addClass("on")
 }
 else {
  $(".hd ul li").eq(i).removeClass("on")
 }
})

使用时设置on的css高亮部分样式即可。

希望本文所述对大家的jQuery程序设计有所帮助。

上一篇：jQuery简单几行代码实现tab切换 下一篇：jQuery实现切换字体大小的方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by