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 相关文章推荐
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
Avalonjs 实现简单购物车功能(实例代码)
Feb 07 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
vue同个按钮控制展开和折叠同个事件操作
Jul 29 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堆排序实现原理与应用方法
2015/01/03 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
js常用代码段收集
2011/10/28 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
深入理解javascript变量声明
2014/11/20 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
python中异常捕获方法详解
2017/03/03 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
Django REST framework内置路由用法
2019/07/26 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
汽车销售求职自荐信
2013/10/01 职场文书
法制宣传月活动总结
2014/04/29 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
求职自我评价范文
2015/03/09 职场文书
党员承诺书格式范文
2015/04/28 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
电影雨中的树观后感
2015/06/15 职场文书
创业计划书之酒店
2019/08/30 职场文书