JQuery是一種非常流行的JavaScript庫，它可以讓我們輕松地操作HTML元素和其他的前端功能，因此在現代web開發中占有非常重要的地位。

在使用JQuery時，經常有這樣的需求：我們需要在一個頁面上調用另一個頁面中定義的函數。舉個例子，假設我們有一個主頁面（main.html）和一個子頁面（child.html），在子頁面中定義了一個名為"myFunction()"的JavaScript函數，我們需要在主頁面中調用這個函數。

// 子頁面child.html中定義的函數
function myFunction() {
// 這里編寫具體的邏輯
}

為了實現在主頁面中調用子頁面的函數，我們可以使用JQuery的load()方法。該方法可以用于加載其他頁面的內容，而通過回調函數的形式，也可以在加載完成后執行其他的操作。

// 在主頁面中調用子頁面的函數
$('#child-page').load('child.html', function() {
myFunction(); // 調用子頁面中的函數
});

上述代碼中，我們使用了load()方法將子頁面（child.html）加載到主頁面中指定的id為"child-page"的元素中。在加載完成之后，我們通過回調函數來調用子頁面中的函數，并在回調函數中執行其他操作。

需要注意的是，在使用load()方法加載頁面時，我們需要在同一個域名下，否則會因跨域問題而無法正常工作。

總之，通過JQuery調用子頁面的函數是一種非常便捷的方式，可以讓我們更加高效地實現前端功能。