Jquery根据URL 的路径部分(就是文件地址)添加样式

小编刚刚遇到了一个问题，觉得不改好像问题也不大，但是改了又挺好的小问题，就是如下的代码中，点击首页首页按钮高亮，但是点击其他地方如何让首页按钮高亮消失呢？

小编做的页面是用到了Asp.net MVC中的模板页，所以如果点击中间的详情页面后跳转的是详情页面，但是首页按钮依然会显示，但是该页面是详情页面而不是首页了，而此时不同的地方就在地址栏，解决思路也就是利用地址栏中URL 的路径部分(就是文件地址) 的不同通过jquery控制按钮高亮与否。
HTML

<li id="lion" class="on"><a href="/WebHome/Index" title="首页">首页</a></li>

Jquery

$(function () {
	if (window.location.pathname == "/WebHome/Index" || window.location.pathname == "/zh-CN/WebHome/Index") {
        $("#lion").addClass("on");
    } else {
        $("#lion").removeClass("on");
    }
});

参考大神博客JS 获得当前地址栏url

一万小时定律中表示，如果你在某一行业中工作了一万个小时，那么你就可以成为这个行业的专家了。