在網頁中,導航欄是一個非常重要的元素。為了讓用戶更加直觀地了解自己所處的位置,我們需要在當前頁面所在的導航欄上添加一個標記,通常是一個特殊的樣式或者效果。下面通過jQuery來演示如何設置當前導航欄的變化。
$(function(){ //獲取當前頁面的路徑 var pathname = window.location.pathname; //在導航欄中查找對應的鏈接 $('nav a[href="'+pathname+'"]').addClass('current'); });
首先,我們需要獲取當前頁面的路徑,這可以通過window.location.pathname來獲取。接下來,我們可以使用jQuery的選擇器來查找與當前頁面路徑對應的鏈接,并在它上面添加一個current類名,這樣我們就可以在CSS中設置該類的樣式或特效來實現導航欄的變化了。