当前位置: 首页 > 编程笔记 >

jQuery实现高亮显示的方法

王君墨
2023-03-14
本文向大家介绍jQuery实现高亮显示的方法,包括了jQuery实现高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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实现页面关键词高亮显示的方法,包括了jquery实现页面关键词高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现页面关键词高亮显示的方法。分享给大家供大家参考。具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 2.highlight插件点击此处下载。 希望本文

  • 本文向大家介绍jQuery实现高亮显示网页关键词的方法,包括了jQuery实现高亮显示网页关键词的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现高亮显示网页关键词的方法。分享给大家供大家参考。具体如下: 这是一款基于jquery实现的高亮显示网页上搜索关键词的代码,当你在文本框中输入的时候,如果下面的正文中包括你输入的内容,也就是关键字,那么这些关键字是会高亮显示的,

  • 本文向大家介绍jQuery实现当前页面标签高亮显示的方法,包括了jQuery实现当前页面标签高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下: 用法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery实现网站添加高亮突出显示效果的方法,包括了jQuery实现网站添加高亮突出显示效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现网站添加高亮突出显示效果的方法。分享给大家供大家参考。具体如下: 这段jquery代码演示了如何把整个页面遮罩起来,突出显示某些东西 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍js实现当前输入框高亮显示的方法,包括了js实现当前输入框高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现当前输入框高亮显示的方法。分享给大家供大家参考。具体如下: 这里演示利用JavaScript技术实现的当前输入框高亮显示代码,在很多的网页表单中,当用户鼠标点击文本框的时候,该文本框就会显示高亮状态,提醒用户输入,本例通过JAVAScript代码实现

  • 本文向大家介绍jQuery实现可高亮显示的二级CSS菜单效果,包括了jQuery实现可高亮显示的二级CSS菜单效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现可高亮显示的二级CSS菜单效果。分享给大家供大家参考。具体如下: 这里实现鼠标放在二级菜单上,一级菜单可高亮显示,以指示当前菜单所在的位置,引入了jQuery插件使其在做对简洁度方面优化的非常好,用较少的代码实现想