编程学习资讯网

jquery地址栏链接与a标签链接匹配添加样式--编程学习网

发布时间:2018-03-15 09:09:21   来源:本站编辑   浏览次数:

如图所示:点击HTML+css3跳转后,给其添加如图样式:

1
2
3
4
5
6
7
8
9
10
var currUrl = window.location.href;
   var currStyle = function (links){
     links.each(function(){
        var url = $(this).attr('href');
        if (currUrl.indexOf(url) != -1){
          $(this).addClass("current");
          return false;
        }
     });
}

 jquery调用代码:

1
2
3
$(function(){
  currStyle($("#sidebar .list a"));
})

 










编程学习网 http://www.javalearns.cn

关注微信号:javalearns   随时随地学Java

或扫一扫

随时随地学Java