zoukankan      html  css  js  c++  java
  • 用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,这样变能识别当前页是哪个导航标签了

    if you don't try,you will never know!
  • 相关阅读:
    定时器应用(函数封装)
    js中的作用域
    js函数传参
    js数据类型转换
    jQuery总结
    少些招数,多些内力
    浏览器中的标签切换事件
    正则表达式之小有名气
    正则表达式之初入江湖
    详解apply
  • 原文地址:https://www.cnblogs.com/leeten/p/3447374.html
Copyright © 2011-2022 走看看