jQuery实现高亮显示的方法


Posted in Javascript onMarch 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
Extjs4 类的定义和扩展实例
Jun 28 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
jQuery中next()方法用法实例
Jan 07 Javascript
JavaScript中匿名函数的用法及优缺点详解
Jun 01 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
jQuery实现切换字体大小的方法
Mar 10 #Javascript
jQuery实现3D文字特效的方法
Mar 10 #Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 #Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 #Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 #Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 #Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 #Javascript
You might like
php无限遍历文件夹示例分享
2014/03/04 PHP
用PHP代码给图片加水印
2015/07/01 PHP
PHP实现搜索相似图片
2015/09/22 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
JavaScript 事件记录使用说明
2009/10/20 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
JavaScript返回上一页的三种方法及区别介绍
2015/07/04 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
python学习必备知识汇总
2017/09/08 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
德国苹果商店:MacTrade
2020/05/18 全球购物
小学班主任经验交流材料
2014/12/16 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python
Python面试不修改数组找出重复的数字
2022/05/20 Python