jquery使用方法
jQuery 基本使用方法
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是其核心使用方法：
引入 jQuery 库
通过 CDN 引入 jQuery（推荐使用最新版本）：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>或下载本地文件引入：
<script src="jquery.min.js"></script>基础语法结构
jQuery 通过 $ 符号作为别名，基本语法为：
$(selector).action()示例：隐藏所有 <p> 元素
$("p").hide();文档就绪事件
确保 DOM 加载完成后再执行代码：
$(document).ready(function() {
// jQuery 代码
});简写形式：
$(function() {
// jQuery 代码
});选择器使用
jQuery 使用 CSS 选择器语法选取元素：
$("#id") // ID 选择器
$(".class") // 类选择器
$("element") // 标签选择器
$("parent child") // 后代选择器常见 DOM 操作
修改元素内容：
$("#demo").text("新文本"); // 设置文本
$("#demo").html("<b>加粗文本</b>"); // 设置 HTML获取/设置属性：
$("img").attr("src"); // 获取属性
$("img").attr("src", "new_image.jpg"); // 设置属性添加/移除类：
$("div").addClass("highlight");
$("div").removeClass("highlight");事件处理
绑定点击事件：
$("button").click(function() {
alert("按钮被点击");
});常见事件方法：
.click() // 点击
.dblclick() // 双击
.mouseenter() // 鼠标进入
.mouseleave() // 鼠标离开
.keypress() // 按键动画效果
显示/隐藏元素：
$("#box").hide(1000); // 1秒内隐藏
$("#box").show("slow"); // 慢速显示
$("#box").toggle(); // 切换状态淡入淡出：
$("#box").fadeIn();
$("#box").fadeOut();
$("#box").fadeToggle();滑动效果：
$("#panel").slideDown();
$("#panel").slideUp();
$("#panel").slideToggle();AJAX 请求
GET 请求示例：
$.get("test.php", function(data) {
$("#result").html(data);
});POST 请求示例：
$.post("test.php",
{ name: "John", age: 30 },
function(data) {
alert("结果: " + data);
});加载内容：
$("#div1").load("demo_test.txt");链式调用
jQuery 支持方法链式调用：
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);实用工具方法
遍历数组：
$.each(array, function(index, value) {
console.log(index + ": " + value);
});扩展对象：
var newObj = $.extend({}, obj1, obj2);插件使用
引入插件后调用：
<script src="jquery-plugin.js"></script>
<script>
$(selector).pluginMethod();
</script>
