推荐使用：jQuery Fullscreen 插件 - 实现全屏功能的利器！

// 引入jQuery库和jQuery Fullscreen插件
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fullscreen@1.0.2/fullscreen.min.js"></script>
 
// 页面加载后绑定全屏事件
$(document).ready(function() {
    $('#fullscreen-btn').on('click', function() {
        if (fullscreen.enabled) {
            // 检查是否处于全屏状态
            if (!fullscreen.isFullscreen) {
                // 切换到全屏模式
                fullscreen.request($('#fullscreen-target').get(0));
            } else {
                // 退出全屏模式
                fullscreen.exit();
            }
        }
    });
});
 
// HTML中的按钮和目标元素
<button id="fullscreen-btn">切换全屏</button>
<div id="fullscreen-target">全屏内容</div>

这段代码演示了如何使用jQuery Fullscreen插件来实现一个简单的全屏切换功能。按钮点击时，会检查是否支持全屏，并根据当前状态切换或退出全屏模式。