jquery参考手册
以下是jQuery核心功能的参考手册整理，包含常用API和示例代码：
选择器
$("selector") 是jQuery的核心选择器方法，支持CSS1-3规范的选择器语法：
$("#id") // ID选择器
$(".class") // 类选择器
$("div") // 标签选择器
$("div > p") // 子元素选择器
$("input[type='text']") // 属性选择器DOM操作
$("p").text("新内容") // 设置文本内容
$("div").html("<b>加粗</b>") // 设置HTML内容
$("input").val("默认值") // 设置表单值
$("body").append("<div>新元素</div>") // 插入到末尾
$("#target").after("<span>后插入</span>") // 之后插入事件处理
$("button").click(function(){
alert("按钮被点击");
});
$(document).ready(function(){
// DOM加载完成后执行
});
$("input").on("change", function(){
console.log(this.value);
});AJAX请求
$.ajax({
url: "api/data",
type: "GET",
dataType: "json",
success: function(data){
console.log(data);
},
error: function(xhr){
console.error(xhr.statusText);
}
});
// 快捷方法
$.get("api/data", function(data){ /*...*/ });
$.post("api/save", {name:"value"}, function(res){ /*...*/ });动画效果
$("#box").hide(500); // 隐藏动画
$("#box").fadeIn(1000); // 淡入效果
$("#box").slideUp(300); // 向上滑动隐藏
$("#box").animate({
left: "+=50px",
opacity: 0.5
}, 800);工具方法
$.each(array, function(index, value){ /*...*/ }); // 遍历数组/对象
$.extend(target, obj1, obj2); // 对象合并
$.trim(" 字符串 "); // 去除空格
$.isArray(obj); // 检测数组链式调用
jQuery支持链式语法：
$("div")
.addClass("highlight")
.css("color", "red")
.fadeOut(300)
.fadeIn(300);官方文档建议查看最新版jQuery API文档获取完整参考，不同版本间可能存在API差异。现代浏览器已原生支持许多jQuery功能，但在旧项目维护中jQuery仍有广泛使用价值。
