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

js代码

/*nav a active*/

    $('nav ul li a').each(function(){

        if($(this)[0].href==String(window.location))

            $(this).addClass('active');

     });

html代码

 1  <nav>

 2                   <ul>

 3                                                                <li>

 4                          <a href="http://localhost/myyiqicms/allcategory.php" title="环境类型" id="5">环境类型</a>

 5                      </li>

 6                                           <li>

 7                          <a href="http://localhost/myyiqicms/allproduct.php" title="所有产品" id="6">所有产品</a>

 8                      </li>

 9                                           <li>

10                          <a href="http://localhost/myyiqicms/article/about.html" title="公司历程" id="2">公司历程</a>

11                      </li>

12                                           <li>

13                          <a href="http://localhost/myyiqicms/category.php?name=zl.html" title="标准文献" id="15">标准文献</a>

14                      </li>

15                                           <li>

16                          <a href="http://localhost/myyiqicms/comment.php" title="联系购买" id="4">联系购买</a>

17                      </li>

18                                        </ul>

19                </nav>

工作原理:

  判断当前浏览器的链接是否与标签中的链接相等,如相等则加上一个class:active,这样变能识别当前页是哪个导航标签了

你可能感兴趣的:(jquery)