jQuery实现当前页面标签高亮显示的方法


Posted in Javascript onMarch 10, 2015

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

function nav(name, csskey,cssvalue) {
  var url = window.location.pathname + window.location.search;
  var v1 = "";
  $(name).each(function () {
    v1 = "/" + $(this).attr("href");
    if (v1 == url) {
      var v2 = $(this).css(csskey, cssvalue);
    }
  })
}

用法如下:

<script src="Scripts/commo.js" type="text/javascript"></script>
<script type="text/javascript">
 window.onload = function () {
   nav(".top ul li a", "background-color", "rgb(255,89,0)");
 }
</script>

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

Javascript 相关文章推荐
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
在nginx上部署vue项目(history模式)的方法
Dec 28 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
vue axios数据请求get、post方法及实例详解
Sep 11 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 Javascript
jQuery简单几行代码实现tab切换
Mar 10 #Javascript
jQuery实现高亮显示的方法
Mar 10 #Javascript
jQuery实现切换字体大小的方法
Mar 10 #Javascript
jQuery实现3D文字特效的方法
Mar 10 #Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 #Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 #Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 #Javascript
You might like
php程序之die调试法 快速解决错误
2009/09/17 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
php实现异步数据调用的方法
2015/12/24 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
php自定义函数实现统计中文字符串长度的方法小结
2017/04/15 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
php实现每日签到功能
2018/11/29 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
jQuery加PHP实现图片上传并提交的示例代码
2020/07/16 jQuery
Node.js fs模块原理及常见用途
2020/10/22 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
pandas-resample按时间聚合实例
2019/12/27 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
Python求区间正整数内所有素数之和的方法实例
2020/10/13 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
个人自荐信
2013/12/05 职场文书
西式婚礼主持词
2014/03/13 职场文书
个人借款担保书
2014/04/02 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
语文教师求职信范文
2015/03/20 职场文书
工程合作意向书范本
2015/05/09 职场文书
歌咏比赛主持词
2015/06/29 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS