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 相关文章推荐
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jQuery中$.fn的用法示例介绍
Nov 05 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
angular中子控制器向父控制器传值的实例
Oct 08 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
基于vue项目设置resolves.alias: '@'路径并适配webstorm
Dec 02 Vue.js
JavaScript WeakMap使用详解
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
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
PHP has encountered an Access Violation
2007/01/15 PHP
PHP取进制余数函数代码
2012/01/19 PHP
PHP下载文件的函数实例代码
2016/05/18 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
js表头排序实现方法
2015/01/16 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
vue写一个组件
2018/04/09 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
selenium+python自动化测试之页面元素定位
2019/01/23 Python
NumPy 数组使用大全
2019/04/25 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
用Python开发app后端有优势吗
2020/06/29 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
精彩的演讲稿开头
2014/05/08 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
汽车专业求职信
2014/06/05 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
SpringCloud Alibaba 基本开发框架搭建过程
2021/06/13 Java/Android
详解nginx location指令
2022/01/18 Servers
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
Python图像处理库PIL详细使用说明
2022/04/06 Python