在前端開發中，我們經常會遇到需要獲取跨域的iframe元素的需求，但是由于同源策略的限制，我們不能直接獲取其他域下的iframe內容。本文將介紹如何使用jQuery進行跨域獲取iframe元素。

首先，我們需要在iframe所在的目標網站中添加一個名為access-control-allow-origin的響應頭來開啟跨域訪問，代碼如下：

<?php
header('Access-Control-Allow-Origin: *');
?>

接下來，我們在自己的網站中使用jQuery的$.get()方法來請求跨域的iframe內容，代碼如下：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function () {
$.get("https://targetwebsite.com/iframe.html", function (response) {
var iframeContent = $(response).find("iframe#targetIframe").contents().find("body").html();
console.log(iframeContent);
});
});
</script>

上述代碼中，我們首先使用jQuery的$.get()方法來發送GET請求獲取跨域的iframe內容，然后在回調函數中使用$(response)將響應數據轉換成jQuery對象，并使用.find()方法找到目標iframe，再使用.contents()和.find()方法分別獲取iframe的文檔對象和內容，最后使用.html()方法獲取iframe內容的HTML代碼。

通過上述方法，我們就可以輕松地跨域獲取其他網站中的iframe元素了。