关键知识点速览
DOM 操作与选择器：利用
$('#id')或$('.class')快速抓取页面元素，比原生 JavaScript（document.getElementById）简洁得多。事件绑定：通过
$('#btn').click(function() { ... })轻松处理点击、提交等交互事件。AJAX 异步交互：通过
$.ajax()或$.post()向 Servlet 发送请求，实现页面不刷新的情况下查询数据库、提交表单或更新数据。
实训项目中的典型协作流程
前端（JSP/HTML + jQuery）：用户点击按钮，jQuery 收集表单数据并通过 AJAX 异步发送给后台。
后台（Servlet + Tomcat）：接收请求并调用 Java 业务代码。
数据库（MySQL + Navicat）：使用 SQL 进行数据增删改查。
数据返回：Servlet 将结果打包成 JSON 格式返回，jQuery 解析并在前端渲染显示。
jQuery 的核心思想就是：“先找到元素，再对其做动作”。
核心公式
$(selector).action();$：jQuery 的标志符号（本质是一个全局函数）。selector：寻找 HTML 元素的选择器（语法和 CSS 选择器完全一致）。action()：要对选中的元素执行的操作或事件。
三大基础语法块
1. 入口函数（页面加载完毕后执行）为了防止 JS 代码在 HTML 元素还没加载出来时就运行导致报错，代码通常写在入口函数里：
$(document).ready(function() { // 你的 jQuery 代码写在这里 }); // 简写形式（最常用）： $(function() { // 你的 jQuery 代码写在这里 });2. 核心选择器（怎么找元素）
ID 选择器：
$('#myId')—— 匹配<div id="myId">Class 选择器：
$('.myClass')—— 匹配<div class="myClass">标签选择器：
$('p')—— 匹配所有<p>标签组合选择器：
$('div, p')或$('#btn.active')
3. 常用动作与事件（找完之后干什么）
文本与内容操作：
$('#title').text('新标题');（修改纯文本）$('#box').html('<b>加粗内容</b>');（修改包含 HTML 标签的内容）
CSS 样式操作：
$('#box').css('color', 'red');（修改单个样式）$('#box').addClass('active');（添加 CSS 类名）
事件绑定：
JavaScript$('#btn').click(function() { alert('按钮被点击了！'); });
学习 jQuery 只需要搞定 4 个核心环节：引入文件 -> 选对元素 -> 绑定事件 -> 改变内容/样式。
第一步：如何在 HTML 里引入 jQuery？
在使用 jQuery 前，必须先通过<script>标签把它引入到网页中。通常有两种方式：
本地引入（适合实训环境，无网也能用）：
HTML<script src="js/jquery.min.js"></script>CDN 在线引入（适合平时快速练习）：
HTML<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
