用jquery获取当前页面连接加css
2013-11-28 11:43
239 查看
js代码
html代码
工作原理:
判断当前浏览器的链接是否与标签中的链接相等,如相等则加上一个class:active,这样变能识别当前页是哪个导航标签了
/*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,这样变能识别当前页是哪个导航标签了
相关文章推荐
- JQUERY获取当前页面的URL信息
- JQUERY获取当前页面的URL信息(转)
- JQUERY获取当前页面的URL信息
- JQUERY获取当前页面的URL信息
- jquery获取当前页面的URL信息
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值(获取URL的?或者#)
- JQUERY获取当前页面的URL信息
- JQUERY获取当前页面的URL信息
- 用JQUERY实现给当前页面导航一个CSS
- jquery获取当前页面的URL信息
- jquery获取当前页面的URL信息
- jquery获取当前页面的URL信息
- jquery获取当前页面的URL信息
- JQUERY获取当前页面的URL信息
- jquery获取表单提交的值,并在当前页面刷新。
- jquery获取当前页面的URL信息
- jquery获取当前页面的URL信息
- JQUERY获取当前页面的URL信息
- JQUERY获取当前页面的URL信息
- Jquery清空(获取)当前页面所有的input和textarea的两种写法