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 attachEvent传递参数的办法
Dec 14 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 Javascript
jquery提取元素里的纯文本不包含span等里的内容
Sep 30 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
微信小程序开发之toast提示插件使用示例
Jun 08 Javascript
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
vue2.0使用swiper组件实现轮播效果
Nov 27 Javascript
vue如何判断dom的class
Apr 26 Javascript
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
Apr 27 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
关于element的表单组件整理笔记
Feb 05 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上传、管理照片示例
2006/10/09 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
浅析vue-router原理
2018/10/19 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
python中import与from方法总结(推荐)
2019/03/21 Python
python 字段拆分详解
2019/12/17 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
后勤园长自我鉴定
2013/10/17 职场文书
入党积极分子介绍信
2014/01/17 职场文书
模具数控专业自荐信
2014/01/27 职场文书
学生会招新策划书
2014/02/14 职场文书
大学新生军训方案
2014/05/03 职场文书
电子专业自荐信
2014/07/01 职场文书
库房管理员岗位职责
2015/02/12 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL