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 相关文章推荐
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
监控 url fragment变化的js代码
Apr 19 Javascript
jquery中对表单的基本操作代码
Jul 29 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
Vue实现简单购物车功能
Dec 13 Vue.js
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 危险函数全解析
2009/09/09 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
javascript 继承学习心得总结
2016/03/17 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
javascript 中select框触发事件过程的分析
2017/08/01 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
vue 手机物理监听键+退出提示代码
2020/09/09 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
深入理解Python分布式爬虫原理
2017/11/23 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
Python shutil模块用法实例分析
2019/10/02 Python
浅析Python 责任链设计模式
2020/09/11 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
招聘专员岗位职责
2014/03/07 职场文书
矿泉水广告词
2014/03/20 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
Python基础教程,Python入门教程(超详细)
2021/06/24 Python