利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式

第1、直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失;函数

第2、状况是即便刷新页面后样式仍然有效。直接上代码。this

第一种状况:对象

$(function(){
    $('#profile-menu a').click(function(){
        $('.current').removeClass('current');
        $(this).addClass('current');
    });   
});rem

第二种状况:文档

$(function(){
    $('#profile-menu a').each(function(){ 
        if($(this)[0].href == String(window.location.href)){
            $('.current').removeClass('current');
            $(this).addClass('current');  
        }  
    });      
});字符串

  1. window.location.href对象用于得到当前页面的地址 (URL)
  2. String() 函数把对象的值转换为字符串
  3. href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL
  4. $(this)[0].href   当前页面打开URL页面
相关文章
相关标签/搜索