jquery 语法
jQuery 语法基础
jQuery 语法设计简洁，主要基于选择器和操作方法的组合。核心思想是通过选择器选取 DOM 元素，然后调用 jQuery 方法对其进行操作或事件绑定。
$(selector).action()$是 jQuery 的别名，也可用jQuery代替。selector用于查询 DOM 元素（类似 CSS 选择器）。action()是对选中元素执行的方法。
常用选择器示例
// 标签选择器
$("p").hide();
// ID 选择器
$("#demo").css("color", "red");
// 类选择器
$(".test").fadeIn();
// 复合选择器
$("div.item").addClass("active");文档就绪事件
确保代码在 DOM 完全加载后执行：
$(document).ready(function() {
// jQuery 代码
});
// 简写形式
$(function() {
// jQuery 代码
});常用操作方法
修改元素内容：
$("#target").text("新文本"); // 设置纯文本
$("#target").html("<b>加粗文本</b>"); // 设置HTML操作 CSS：
$("p").css("color", "blue"); // 单个属性
$("div").css({ "color": "red", "font-size": "20px" }); // 多个属性类名操作：
$("#item").addClass("highlight");
$("#item").removeClass("old-class");
$("#item").toggleClass("active");事件处理
绑定点击事件：
$("button").click(function() {
alert("按钮被点击");
});常用事件方法：
.hover() // 鼠标悬停
.focus() // 获取焦点
.blur() // 失去焦点
.keypress() // 键盘按键链式调用
jQuery 支持方法链式调用：
$("#box")
.css("background", "yellow")
.slideUp(1000)
.slideDown(1000);AJAX 请求示例
GET 请求：
$.get("test.php", function(data) {
$("#result").html(data);
});POST 请求：
$.post("submit.php",
{ name: "John", age: 30 },
function(data) {
alert("响应: " + data);
}
);动画效果
基础显示/隐藏：
$("#box").hide(1000); // 1秒隐藏
$("#box").show("slow"); // 慢速显示
$("#box").toggle(); // 切换状态自定义动画：
$("#box").animate({
left: "250px",
opacity: "0.5",
height: "+=150px"
}, 1000);
