推荐使用：jQuery.fullscreen - 实现全屏模式的利器

// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
// 引入jQuery.fullscreen插件
<script src="https://cdn.jsdelivr.net/npm/jquery.fullscreen@1.1.1/jquery.fullscreen.min.js"></script>
 
// 使用jQuery.fullscreen进入全屏模式
$(document).ready(function() {
    $('#fullscreen-button').on('click', function() {
        if ($.fullscreen.isFullScreen()) {
            $.fullscreen.exit(); // 退出全屏模式
        } else {
            $.fullscreen.request(); // 请求全屏模式
        }
    });
});
 
// HTML中的按钮元素
<button id="fullscreen-button">切换全屏</button>

这段代码演示了如何使用jQuery.fullscreen插件来控制全屏模式。按钮点击时，如果当前不是全屏模式，则请求进入全屏模式；如果当前是全屏模式，则退出全屏模式。这是一个简单的全屏模式切换的例子，适用于各种需要全屏功能的Web应用。