jquery 教程
jQuery 简介
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器，提供易于使用的 API。
安装 jQuery
从 jQuery 官网 下载最新版本，或通过 CDN 引入：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>基础语法
jQuery 通过 $ 符号定义，基本语法为 $(selector).action()：
selector：选择 HTML 元素（如$("p")选择所有<p>标签）。action()：对元素执行的操作（如hide()隐藏元素）。
$(document).ready(function() {
$("button").click(function() {
$("p").hide();
});
});常用方法
DOM 操作
text()：获取或设置文本内容。html()：获取或设置 HTML 内容。val()：获取或设置表单字段的值。
$("#demo").text("Hello jQuery");事件处理
click()：点击事件。hover()：鼠标悬停事件。
$("button").hover(function() {
alert("Button hovered!");
});动画效果
hide()/show()：隐藏/显示元素。fadeIn()/fadeOut()：淡入淡出效果。
$("#box").fadeOut(1000); // 1秒淡出Ajax 请求
使用 $.ajax() 发送异步请求：
$.ajax({
url: "data.json",
type: "GET",
success: function(data) {
console.log(data);
}
});链式调用
jQuery 支持链式调用，多个操作可串联：
$("#element").css("color", "red").slideUp(500).slideDown(500);插件扩展
jQuery 支持通过插件扩展功能，例如引入 jQuery UI 实现拖拽、日期选择等功能。
学习资源
- jQuery 官方文档
- W3Schools jQuery 教程
- Codecademy 或 Udemy 的在线课程。
通过实践项目（如动态表单、轮播图）巩固学习效果。
