您的位置:首页 > Web前端 > JQuery

用jquery获取当前页面连接加css

2013-11-28 11:43 239 查看
js代码

/*nav a active*/
$('nav ul li a').each(function(){
if($(this)[0].href==String(window.location))
$(this).addClass('active');
});


html代码

<nav>
<ul>
<li>
<a href="http://localhost/myyiqicms/allcategory.php" title="环境类型" id="5">环境类型</a>
</li>
<li>
<a href="http://localhost/myyiqicms/allproduct.php" title="所有产品" id="6">所有产品</a>
</li>
<li>
<a href="http://localhost/myyiqicms/article/about.html" title="公司历程" id="2">公司历程</a>
</li>
<li>
<a href="http://localhost/myyiqicms/category.php?name=zl.html" title="标准文献" id="15">标准文献</a>
</li>
<li>
<a href="http://localhost/myyiqicms/comment.php" title="联系购买" id="4">联系购买</a>
</li>
</ul>
</nav>


工作原理:

判断当前浏览器的链接是否与标签中的链接相等,如相等则加上一个class:active,这样变能识别当前页是哪个导航标签了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: