在前端開發中，我們經常會遇到需要在子頁面中調用父頁面的元素的情況。這時候，我們可以使用jQuery來實現。
假設我們有一個子頁面需要調用父頁面中id為"parentElement"的元素：
<!--父頁面代碼--> <html> <head> <title>父頁面</title> </head> <body> <div id="parentElement">父頁面的元素</div> <iframe src="子頁面的url"></iframe> </body> </html>
<!--子頁面代碼-->
<html>
<head>
<title>子頁面</title>
<script src="jquery.min.js"></script>
</head>
<body>
<script>
var parentElement = $(window.parent.document).find("#parentElement");
parentElement.html("我是被改變了的父頁面元素");
</script>
</body>
</html>在子頁面中，我們使用jQuery的$(window.parent.document)來獲取父頁面的document對象，然后再使用find("#parentElement")來查找id為"parentElement"的元素。最后，我們可以修改這個元素的內容，例如使用html()方法將內容替換成"我是被改變了的父頁面元素"。
這樣，我們就成功地在子頁面中調用了父頁面的元素。