api jquery

jQuery API 简介

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其 API 提供了丰富的功能，以下是一些核心模块的概述。

核心方法

• $(selector)：通过 CSS 选择器获取 DOM 元素。
• $(document).ready()：确保 DOM 加载完成后执行代码。
• $.each()：遍历数组或对象。

示例代码：

$(document).ready(function() {
  $("button").click(function() {
    $("p").hide();
  });
});

DOM 操作

• .html()：获取或设置元素的 HTML 内容。
• .text()：获取或设置元素的文本内容。
• .attr()：获取或设置元素的属性。
• .append()：在元素末尾插入内容。

示例代码：

$("#myDiv").append("<p>New paragraph</p>");

事件处理

• .click()：绑定点击事件。
• .on()：通用事件绑定方法（推荐）。
• .hover()：绑定鼠标悬停事件。

示例代码：

$("#btn").on("click", function() {
  alert("Button clicked");
});

Ajax 功能

• $.ajax()：执行异步 HTTP 请求。
• $.get()：发送 GET 请求。
• $.post()：发送 POST 请求。

示例代码：

$.get("https://api.example.com/data", function(response) {
  console.log(response);
});

动画效果

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

示例代码：

$("#box").animate({left: '250px'}, 1000);

实用工具

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

官方资源

• jQuery 官方文档
• jQuery GitHub

以上内容涵盖了 jQuery API 的主要功能模块，适合快速查阅和使用。