jQuery实现当前页面标签高亮显示的方法

这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下：

1. function nav(name, csskey,cssvalue) { 
2. var url = window.location.pathname + window.location.search; 
3. var v1 = ""; 
4. $(name).each(function () { 
5. v1 = "/" + $(this).attr("href"); 
6. if (v1 == url) { 
7. var v2 = $(this).css(csskey, cssvalue); 
8. } 
9. }) 
10. } 

用法如下：

1. <script src="Scripts/commo.js" type="text/javascript"></script> 
2. <script type="text/javascript"> 
3. window.onload = function () { 
4. nav(".top ul li a", "background-color", "rgb(255,89,0)"); 
5. } 
6. </script> 

希望本文所述对大家的jQuery程序设计有所帮助。