jQuery 是一个简化 HTML 操作、事件处理与 Ajax 的 JavaScript 库。1. 通过 CDN 引入库文件；2. 使用 $(selector).action() 语法选择元素并操作；3. 常见用法包括文档就绪函数、元素选择、事件绑定、动画与 Ajax 请求；4. 注意 DOM 加载时机、选择器规范、链式调用及推荐使用 3.x 版本。
jQuery 是一个快速、简洁的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 操作。使用 jQuery 可以用更少的代码完成更多的功能。
1. 引入 jQuery 库
在使用 jQuery 之前，需要先引入它的库文件。可以通过 CDN 或下载本地文件的方式引入：
建议将 script 标签放在 HTML 的 或 结束前。
2. 基本语法结构
jQuery 的核心是 $() 函数，用于选择元素并对其操作。
基本格式：
$(selector).action();- $：代表 jQuery
- selector：CSS 选择器，如 "#id"、".class"、"div"
- action()：要执行的方法，如 hide()、show()、click() 等
3. 常见用法示例
以下是一些常用的 jQuery 写法：
文档加载完成执行
Flex3组件和框架的生命周期 中文WORD版
下载
在整本书中我们所涉及许多的Flex框架源码，但为了简洁，我们不总是显示所指的代码。当你阅读这本书时，要求你打开Flex Builder，或能够访问Flex3框架的源码，跟随着我们所讨论源码是怎么工作及为什么这样做。 如果你跟着阅读源码，请注意，我们经常跳过功能或者具体的代码，以便我们可以对应当前的主题。这样能防止我们远离当前的主题，主要是讲解代码的微妙之处。这并不是说那些代码的作用不重要，而是那些代码处理特别的案例，防止潜在的错误或在生命周期的后面来处理，只是我们当前没有讨论它。有需要的朋友可以下载看看
console.log("页面加载完成");
});
等同于：
$(document).ready(function() {// 执行代码
});
选择元素并修改内容
$("#myDiv").html("新的内容");绑定点击事件
$("#btn").click(function() {alert("按钮被点击了");
});
隐藏/显示元素
$("#box").hide();$("#box").show();
$("#box").toggle(); // 切换显示状态
Ajax 请求示例
$.ajax({url: "data.php",
type: "GET",
success: function(data) {
$("#result").html(data);
}
});
4. 注意事项
- 确保在 DOM 加载完成后执行 jQuery 代码（使用 ready）
- 选择器写法与 CSS 一致，注意 id 和 class 的 # 和 . 符号
- 链式调用：jQuery 支持链式写法，例如：$("#box").hide().delay(1000).show();
- 版本问题：推荐使用 jQuery 3.x 版本，更稳定且支持现代浏览器
基本上就这些。jQuery 的优势在于语法简洁、兼容性好，适合快速开发小型项目或传统系统维护。虽然现在主流是 Vue、React 等框架，但在老项目中仍很常见。
