jquery api

jQuery API 简介

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其 API 提供了丰富的功能方法，涵盖 DOM 操作、事件处理、效果动画、Ajax 等核心模块。

核心模块与常用方法

DOM 操作

• 选择元素：$('selector') 通过 CSS 选择器获取元素。

  $('.class') // 选择类名为 class 的元素
  $('#id')    // 选择 ID 为 id 的元素

• 修改内容：

  .html()      // 获取或设置 HTML 内容
  .text()      // 获取或设置文本内容
  .val()       // 获取或设置表单元素的值

• 修改属性：

  .attr('name', 'value')  // 设置属性
  .removeAttr('name')     // 移除属性

事件处理

• 绑定事件：

  .on('click', function() { ... })  // 通用事件绑定
  .click(function() { ... })        // 简写的点击事件

• 事件委托：

  $(document).on('click', '.dynamic-element', handler);

效果与动画

• 显示/隐藏：

  .show()       // 显示元素
  .hide()       // 隐藏元素
  .toggle()     // 切换显示状态

• 自定义动画：

  .animate({ 
    opacity: 0.5, 
    left: '+=50px' 
  }, 500);

Ajax 请求

• 发送请求：

  $.ajax({
    url: 'api/data',
    method: 'GET',
    success: function(data) { ... }
  });

• 简写方法：

  $.get('api/data', function(data) { ... });
  $.post('api/save', { key: value });

实用技巧

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

  $('div').addClass('active').fadeOut(300);

• 遍历元素：

  .each(function(index, element) { ... });

版本与兼容性

• 最新版本：jQuery 3.x 支持现代浏览器，移除了旧版 IE 兼容代码。
• 迁移工具：从 1.x/2.x 升级到 3.x 可使用 jQuery Migrate 插件检测兼容性问题。

官方文档参考：jQuery API Documentation