利用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頁面
相關文章
相關標籤/搜索