首页 > Web开发 > 详细

用JS写动态导航

时间:2015-08-01 12:45:35      阅读:213      评论:0      收藏:0      [点我收藏+]

$(function(){

  var url=window.location.pathname;

  if(url.indexOf(‘index‘)!=-1){                                  //即在网址路径中找到了字符串‘index‘

    $(‘ul li‘).each(function(){

      $(this).find(‘a‘).removeClass(‘current‘);

    });

    $("ul li a[href*=‘fifi‘]").addClass(‘current‘);        //a[href*=‘fifi‘]——属性选择器;

  }

})

百度搜索注释:a.indexOf("X")可返回某个指定的字符串值X在字符串a中首次出现的位置。字符位置是从 0 开始;

w3c注释:indexOf() 方法对大小写敏感!

w3c注释:如果要检索的字符串值没有出现,则该方法返回 -1。!!!

属性选择器——参考最常用CSS选择器:http://www.w3cfuns.com/article-1756-1-1.html

    12. X[title*="http://www.w3cfuns.com"]

    a[href*="http://www.w3cfuns.com"] {color: #1f6053;}


    属性选择器。正如我们想要的,上面代码匹配的是href中包含”http://www.w3cfuns.com“的所有链接。
    兼容浏览器:IE7+、Firefox、Chrome、Safari、Opera

技术分享

用JS写动态导航

原文:http://www.cnblogs.com/fifis/p/4693901.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!