JQuery是一種流行的JavaScript庫，用于簡化HTML文檔遍歷、事件處理和動畫等任務。它為網頁開發者提供了許多便利。本文探討了如何使用JQuery調用子頁面。

首先，需要在主頁面中加載JQuery庫。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

在主頁面中添加以下HTML代碼：

<iframe id="target" src="child.html"></iframe>

接下來，使用以下代碼調用子頁面中的元素：

// 獲取 iframe 元素
var iframe = $('#target')[0];
// 獲取 iframe 內部的 document 對象
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
// 獲取子頁面中的某個元素
var childElement = $(iframeDocument).find('#child-element');
// 調用子頁面中的函數
var childFunction = iframe.contentWindow.childFunction;
childFunction();

這樣，我們就可以輕松地在主頁面中調用子頁面中的元素和函數了。