jquery 菜鸟
jQuery 入门指南
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下内容适合初学者快速上手。
引入 jQuery
在 HTML 文件中通过 CDN 引入 jQuery：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>基本语法
jQuery 的核心是通过选择器选取 DOM 元素并执行操作：
$(selector).action();常用选择器
通过 ID、类或标签名选择元素：
$("#id") // 选择 ID 为 "id" 的元素
$(".class") // 选择所有 class 为 "class" 的元素
$("p") // 选择所有 <p> 元素DOM 操作
修改元素内容或属性：
$("#id").text("新内容"); // 修改文本内容
$("#id").html("<b>加粗</b>"); // 修改 HTML 内容
$("img").attr("src", "new.jpg"); // 修改属性事件处理
绑定点击事件：
$("button").click(function() {
alert("按钮被点击");
});动画效果
隐藏和显示元素：
$("#id").hide(); // 隐藏元素
$("#id").show(); // 显示元素
$("#id").toggle(); // 切换显示/隐藏状态Ajax 请求
发送 GET 请求：
$.get("url", function(data) {
console.log(data);
});链式调用
jQuery 支持链式调用：
$("#id").css("color", "red").slideUp(2000).slideDown(2000);实用技巧
遍历元素：
$("li").each(function(index) {
console.log(index + ": " + $(this).text());
});学习资源
通过以上内容可以快速掌握 jQuery 的基本用法，建议通过实际项目练习巩固知识。
