JQuery是一個JavaScript庫，它使得客戶端腳本更容易實現和更好地處理DOM和事件。在JQuery中，獲取當前頁面的URL是重要的功能之一。下面我們將通過幾行示例代碼學習如何在JQuery中獲取當前頁面的URL。

$(document).ready(function() {
var currentUrl = window.location.href;
console.log(currentUrl);
$("#url").text(currentUrl);
});

以上代碼演示了通過window對象的location屬性獲取當前頁面的URL。這個屬性包含關于URL的所有信息。當URL改變時，該屬性也會自動更新。

我們可以使用JQuery的text()方法將當前URL設置給一個元素。在這個例子中，我們選擇了具有id="url"的元素。每次頁面加載時，這個元素將顯示當前URL。

$(document).ready(function() {
var path = window.location.pathname;
console.log(path);
});

以上代碼演示了如何獲取當前頁面的路徑部分。在這個例子中，我們使用window對象的location屬性的pathname屬性來獲取當前頁面的路徑。

$(document).ready(function() {
var protocol = window.location.protocol;
console.log(protocol);
});

以上代碼演示了如何獲取當前頁面的協議部分。在這個例子中，我們使用window對象的location屬性的protocol屬性來獲取當前頁面的協議。

在JQuery中獲取當前頁面的URL非常簡單。通過使用window對象的location屬性，我們可以輕松地獲得當前URL的各個部分。