在網頁開發中,超鏈接被廣泛應用于頁面跳轉和數據傳遞。而利用 jQuery 來獲取超鏈接點擊事件的取值,就成了常見的操作。
$('a').click(function(event){ event.preventDefault(); var href = $(this).attr('href'); console.log(href); });
以上代碼是一個簡單的點擊事件處理函數。當你點擊一個超鏈接的時候,它將首先阻止默認的跳轉行為,并獲取該超鏈接的 href 屬性值。隨后,利用 console.log() 函數來輸出這個值。
如果你只是簡單地處理某一個特定超鏈接的點擊事件,你可以將 a 替換成它的 ID 或者 class 名。例如:
$('#link').click(function(event){ event.preventDefault(); var href = $(this).attr('href'); console.log(href); });
同樣的,如果你想獲取當前瀏覽器中最后一個被點擊的超鏈接的 href 屬性值,你可以采用以下方式:
$('a').click(function(event){ event.preventDefault(); var href = $(this).attr('href'); console.log(href); });
以上代碼中,使用了一個類似于全局變量的 lastClickedLink 來存儲已經被點擊過的超鏈接。采用 console.log() 函數將它打印出來。
以上是 jQuery 處理超鏈接的一些基本方法。利用它們,你可以方便地獲取超鏈接的 href 屬性值,以實現更加多樣化的頁面交互效果。
上一篇css怎么將圖片壓縮