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 相关文章推荐
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
js实现二级导航功能
Mar 03 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
Javascript的this详解
Mar 23 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
javascript实现前端成语点击验证优化
Jun 24 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除数取整示例
2014/04/24 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
php简单统计中文个数的方法
2016/09/30 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
JQuery筛选器全系列介绍
2013/08/27 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
2014/06/26 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
Vuex之理解state的用法实例
2017/04/19 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
Python实现区域填充的示例代码
2021/02/03 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
环境科学专业个人求职信
2013/09/26 职场文书
个人自荐书
2013/12/20 职场文书
公司同意接收函
2014/01/13 职场文书
网上签名寄语活动留言
2014/01/18 职场文书
中秋节活动总结
2014/08/29 职场文书
新课培训心得体会
2014/09/03 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
初中语文教学随笔
2015/08/15 职场文书
情况说明书怎么写
2015/10/08 职场文书