JQuery是一種流行的JavaScript庫，在Web開發中廣泛應用。它具有許多有用的函數，可以大大簡化JavaScript編碼過程。其中一個有用的函數是網頁全屏。

$(document).ready(function(){
$("#fullscreen_button").click(function(){
if(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement){
exitFullscreen();
}else{
enterFullscreen(document.documentElement);
}
});
});
function enterFullscreen(element){
if(element.requestFullscreen){
element.requestFullscreen();
}else if(element.webkitRequestFullscreen){
element.webkitRequestFullscreen();
}else if(element.mozRequestFullScreen){
element.mozRequestFullScreen();
}else if(element.msRequestFullscreen){
element.msRequestFullscreen();
}
}
function exitFullscreen(){
if(document.exitFullscreen){
document.exitFullscreen();
}else if(document.webkitExitFullscreen){
document.webkitExitFullscreen();
}else if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}else if(document.msExitFullscreen){
document.msExitFullscreen();
}
}

上述代碼是用于實現網頁全屏的JQuery代碼。當點擊id為"fullscreen_button"的元素時，它檢查是否已經在全屏模式下。如果是，它會調用exitFullscreen()函數來退出全屏模式。否則，它將調用enterFullscreen()函數進入全屏模式。

enterFullscreen()函數是用來打開全屏模式的函數。如果瀏覽器支持requestFullscreen()函數，它會使用該函數。否則，它會檢查是否支持其他瀏覽器的全屏方法。

exitFullscreen()函數是用來退出全屏模式的函數。它使用相同的邏輯來檢查瀏覽器是否支持退出全屏的方法。

在使用這些函數之前，你需要確保元素已經加載。這里我們使用$(document).ready()函數來確保當文檔準備就緒時執行這些功能。

總之，jQuery的網頁全屏功能使網站設計更加美觀和用戶友好，能夠幫助你更好地展示你的網站內容。