jquery手册

jQuery手册概览

jQuery是一个快速、简洁的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。

核心方法

$(selector)：选择DOM元素。支持CSS选择器，返回jQuery对象。
$(document).ready()：确保DOM加载完成后执行代码。
$.each()：遍历数组或对象。

// 示例：隐藏所有段落
$("p").hide();

DOM操作

html()：获取或设置元素的HTML内容。
text()：获取或设置元素的文本内容。
val()：获取或设置表单元素的值。
attr() / removeAttr()：操作元素属性。
addClass() / removeClass()：管理CSS类。

// 示例：修改div内容并添加类
$("#myDiv").html("新内容").addClass("highlight");

事件处理

on()：绑定事件处理器。
click() / hover()：常用事件快捷方法。
trigger()：手动触发事件。

// 示例：按钮点击事件
$("#btn").click(function() {
  alert("按钮被点击");
});

动画效果

hide() / show()：隐藏或显示元素。
fadeIn() / fadeOut()：淡入淡出效果。
slideUp() / slideDown()：滑动效果。
animate()：自定义动画。

// 示例：渐变效果
$("#box").fadeIn(1000).delay(500).fadeOut();

Ajax功能

$.ajax()：执行异步HTTP请求。
$.get() / $.post()：简化GET/POST请求。
load()：加载远程HTML内容到元素中。

// 示例：获取数据
$.get("data.json", function(data) {
  console.log(data);
});

实用工具

$.trim()：去除字符串两端空格。
$.isArray()：检查是否为数组。
$.extend()：合并对象。

// 示例：对象合并
var settings = { validate: false };
var options = { name: "test" };
$.extend(settings, options);

链式调用

jQuery方法通常返回jQuery对象，支持链式调用：

$("#content")
  .css("color", "red")
  .slideUp(200)
  .slideDown(200);

版本兼容性

不同版本API可能略有差异，建议查阅对应版本的官方文档：jQuery官网。