jQuery 入门教程
一、jQuery 简介
jQuery 是一个轻量级的 JavaScript 库，它简化了 HTML 与 JavaScript 之间的交互，使得开发人员可以更加便捷地操作 DOM、处理事件、执行动画以及进行 AJAX 交互等，jQuery 的语法简单易懂，易于学习，能够帮助您更快速地开发网页应用。
二、jQuery 安装与使用
1. 安装 jQuery
您可以通过下载 jQuery 的最新版本或者使用 CDN 来获取 jQuery，将 jQuery 文件引入到您的 HTML 文件中即可。
2. 使用 jQuery
在 HTML 文件中可以使用 `` 标签引入 jQuery，并在其中指定一个 DOMContentLoaded 事件处理程序，以等待 DOM 加载完成后再执行 jQuery 代码。
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
// 在这里编写 jQuery 代码
});
</script>
三、jQuery 基础语法
1. 选择器
使用 `$()` 函数来选择元素，选择所有的 `` 元素：`$('p')`，您还可以使用 CSS 选择器来选择元素，例如：id 选择器（`$('#myId')`）、类选择器（`$('.myClass')`）、属性选择器（`$('[href]')`）等。
2. 操作 DOM
使用 jQuery 可以轻松地操作 DOM，例如：获取/设置 元素的属性值（`$.attr()`）、样式（`$.css()`）、HTML 内容（`$.html()`）、文本内容（`$.text()`）等，还可以对 DOM 进行遍历、过滤、排序等操作。
3. 处理事件
使用 `event` 对象来处理事件，单击按钮时弹出一个提示框：`$('button').click(function() { alert('Hello World!'); });`，还可以使用事件委托来处理事件，为所有的 `` 元素添加点击事件：`$('a').on('click', function() { alert('You clicked an element!'); });`。
4. 动画效果
jQuery 提供了一些内置的动画效果，例如淡入淡出（`fadeIn()`、`fadeOut()`）、滑动效果（`slideDown()`、`slideUp()`）等，还可以自定义动画效果，以渐变的方式显示/隐藏元素：`$('div').animate({ opacity: 1 }, 'slow');`。
