jQuery 是一款常見的 JavaScript 庫，其提供了簡單易用的 API，可以簡化 HTML 文檔操作，增強網頁交互性。其中 iframe 是一種 HTML 標記，可以將一個網頁嵌入到另一個網頁中。iframe 通常在網頁異步加載數據、展示第三方網頁、嵌入廣告等場景中使用。本文將介紹如何使用 jQuery 實現 iframe 全屏展示。

在 HTML 中嵌入一個 iframe 標簽非常簡單，只需在 HTML 文檔中添加以下代碼：

<iframe src="http://www.example.com"></iframe>

當然，上述代碼中的 src 屬性應該使用需要展示的網頁地址替換。下面是 jQuery 實現 iframe 全屏顯示的代碼：

$(function(){
$(".btn-fullscreen").click(function(){
var $iframe = $(".fullscreen-iframe");
var requestMethod = $iframe.get(0).requestFullScreen || $iframe.get(0).webkitRequestFullScreen || $iframe.get(0).mozRequestFullScreen || $iframe.get(0).msRequestFullScreen;
if (requestMethod) {
requestMethod.call($iframe.get(0));
}
});
});

上述代碼的實現原理是為某個按鈕設置點擊事件，當點擊該按鈕時，jQuery 會獲取全屏 iframe 元素并調用其全屏方法。其中，requestFullScreen 是一個 W3C 標準，而 webkitRequestFullScreen、mozRequestFullScreen 和 msRequestFullScreen 則是瀏覽器廠商自定義的全屏方法。

下面是實現 HTML 代碼：

<div class="fullscreen">
<iframe class="fullscreen-iframe" src="http://www.example.com"></iframe>
<button class="btn-fullscreen">全屏顯示</button>
</div>

上述代碼中的 div 元素是全屏展示 iframe 所在的容器，button 元素是實現全屏展示的按鈕元素。請注意，fullscreen-iframe 和 btn-fullscreen 元素類名可以根據需要自行修改。

總的來說，jQuery 的簡單易用性質使得 iframe 全屏展示變得輕松簡單。使用這種方法，網頁可以更加具有交互性和用戶友好性，增強了用戶體驗。