需通过CDN或本地引入jQuery库，再用选择器操作DOM、绑定事件、发起AJAX请求；CDN推荐code.jquery.com地址，本地需校验路径与加载顺序，所有操作基于$()函数并支持链式调用。
如果您希望在HTML页面中引入并使用jQuery库来简化DOM操作、事件处理和动画效果，则需要正确加载jQuery文件并编写兼容的JavaScript代码。以下是实现此目标的具体步骤：
一、通过CDN引入jQuery库
使用内容分发网络（CDN）加载jQuery是最常见且高效的方式，无需下载文件，直接引用远程托管的稳定版本。推荐使用官方或可信CDN源，确保加载速度与兼容性。
1、在HTML文档的
标签内或标签底部添加script标签。2、设置src属性为jQuery CDN地址，例如：https://code.jquery.com/jquery-3.7.1.min.js。
立即学习“前端免费学习笔记（深入）”；
3、确保script标签未被其他脚本阻塞，建议放在闭合标签之前。
4、添加defer或async属性（可选），控制脚本执行时机，避免阻塞页面渲染。
5、验证jQuery是否加载成功：在浏览器开发者工具控制台输入typeof $，返回"function"即表示加载正常。
二、本地引入jQuery文件
当项目处于离线环境或需严格控制资源版本时，应将jQuery文件下载至本地，并通过相对路径引入。该方式可避免外部依赖失效导致的功能中断。
1、访问https://jquery.com/download/下载压缩版（.min.js）或开发版（.js）文件。
2、将下载的文件保存至项目目录下的js/子文件夹中，例如：js/jquery-3.7.1.min.js。
3、在HTML中使用script标签引入，src值填写相对于HTML文件的路径。
4、检查浏览器开发者工具的“Network”选项卡，确认该JS文件状态码为200且无404错误。
5、在引入jQuery的script标签之后，再引入自定义JS文件，防止$符号未定义。
三、使用jQuery选择器操作DOM元素
jQuery提供简洁的选择器语法，可快速定位并操作HTML元素，替代原生document.querySelector等冗长写法。所有操作均基于$()函数封装。
1、使用ID选择器：在script中编写$('#header')获取id为header的元素。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
2、使用类选择器：编写$('.nav-item')获取所有class包含nav-item的元素集合。
3、使用元素选择器：编写$('p')获取页面全部段落元素。
4、组合使用：如$('ul li:first')选取第一个列表项。
5、链式调用：在同一个jQuery对象后连续调用方法，例如$('#box').css('color', 'red').show()。
四、绑定事件并响应用户交互
jQuery统一了不同浏览器的事件模型，简化click、hover、submit等常见事件的监听与触发逻辑，避免addEventListener兼容性处理。
1、基础点击事件：在script中编写$('#btn').click(function() { alert('已点击'); });。
2、使用on()方法绑定事件：更推荐写法为$('#form').on('submit', function(e) { e.preventDefault(); });。
3、委托事件处理动态添加的元素：例如$(document).on('click', '.dynamic-btn', handler);。
4、移除事件监听：调用off()方法，如$('#btn').off('click');。
5、检测事件对象属性：在回调函数中使用e.type、e.target等获取触发细节。
五、执行AJAX请求获取远程数据
jQuery封装了XMLHttpRequest和Fetch API的底层差异，提供$.get、$.post、$.ajax等高层接口，降低异步通信复杂度。
1、使用$.get快捷方法：编写$.get('data.json', function(data) { console.log(data); });。
2、使用$.post提交表单数据：如$.post('/login', { user: 'admin', pass: '123' }, callback);。
3、使用$.ajax配置完整参数：包括url、method、dataType、success、error等字段。
4、设置全局默认选项：调用$.ajaxSetup({ timeout: 5000 });统一超时时间。
5、处理JSON响应：确保服务器返回Content-Type为application/json，并在dataType中指定'json'。
