jquery api
jQuery API 概述
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其 API 提供了丰富的方法和属性，以下是核心功能的分类与常用方法。
选择器与 DOM 操作
- 基本选择器：
$("selector")用于选择元素，支持 CSS 语法（如$("#id")、$(".class")）。 - DOM 遍历：
parent()、children()、find()等方法用于导航 DOM 树。 - 属性操作：
attr()获取或设置属性，prop()处理布尔属性（如checked）。 - 内容操作：
html()获取或设置 HTML 内容，text()处理纯文本。
事件处理
- 绑定事件：
on("event", handler)是通用方法（如click()、hover()的底层实现）。 - 事件委托：
通过on()的第二个参数实现（如$("parent").on("click", "child", handler)）。 - 触发事件：
trigger("event")手动触发事件。
动画与效果
- 基础动画：
show()、hide()、toggle()控制显示/隐藏。 - 渐变效果：
fadeIn()、fadeOut()、fadeToggle()实现淡入淡出。 - 自定义动画：
animate({properties}, duration)支持 CSS 属性渐变（如width: "toggle"）。
Ajax 方法
- 简单请求：
$.get(url, data, callback)和$.post(url, data, callback)用于 GET/POST 请求。 - 完整配置：
$.ajax({url, type, data, success})提供更灵活的选项（如dataType: "json"）。 - 加载内容：
load(url)直接将远程 HTML 插入选定元素。
实用工具
- 数组操作：
$.each(array, callback)遍历数组或对象。 - 扩展对象：
$.extend(target, object1, object2)合并对象属性。 - 类型检测：
$.type(obj)返回对象类型（如 "array"、"function"）。
示例代码
// 选择器与事件示例
$("#btn").click(function() {
$(".content").fadeToggle();
});
// Ajax 请求示例
$.get("https://api.example.com/data", function(response) {
$("#result").html(response);
});官方资源
- 文档：
jQuery 官方 API 文档 包含完整方法列表和示例。 - 下载：
可通过 CDN（如https://code.jquery.com/jquery-3.6.0.min.js）直接引入。
注意：jQuery 虽广泛使用，但在现代前端开发中，原生 JavaScript 或框架（如 React/Vue）可能更适合新项目。
