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 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
js点击选择文本的方法
Feb 09 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
Node.JS文件系统解析实例详解
May 15 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实现简单洗牌算法
2013/06/18 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
yii2中关于加密解密的那些事儿
2018/06/12 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
PyTorch基本数据类型(一)
2019/05/22 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
应聘自荐书
2013/10/08 职场文书
调查研究项目计划书
2014/04/29 职场文书
公司运动会策划方案
2014/05/25 职场文书
商场促销活动总结
2014/07/10 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
导游欢送词
2015/01/31 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
终止合同协议书范本
2016/03/22 职场文书
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js