jquery的方法

jQuery 常用方法分类

jQuery 是一个快速、简洁的 JavaScript 库，提供了大量简化 DOM 操作、事件处理、动画效果和 AJAX 交互的方法。以下是 jQuery 核心方法的分类和示例：

DOM 操作

• 选择器：通过 CSS 选择器获取元素

  $('div') // 选择所有 div 元素
  $('#id') // 通过 ID 选择
  $('.class') // 通过类名选择

• 内容操作

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

• 属性操作

  .attr('name') // 获取属性
  .attr('name', 'value') // 设置属性
  .removeAttr('name') // 删除属性

事件处理

• 绑定事件

  

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

• 解绑事件

  .off('click') // 移除事件

CSS 和样式

• 样式操作

  .css('property') // 获取样式
  .css('property', 'value') // 设置样式

• 类操作

  

  .addClass('className') // 添加类
  .removeClass('className') // 移除类
  .toggleClass('className') // 切换类

动画效果

• 基础动画

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

• 自定义动画

  .animate({properties}, duration) // 自定义动画

AJAX

• 加载数据

  $.ajax({url, method, data, success}) // 通用 AJAX 请求
  $.get(url, data, success) // GET 请求
  $.post(url, data, success) // POST 请求

遍历和筛选

• 遍历 DOM

  .each(function(index, element) {}) // 遍历元素

• 筛选元素

  .find('selector') // 查找子元素
  .filter('selector') // 筛选当前集合

实用工具

• 工具方法

  $.trim(string) // 去除字符串两端空格
  $.isArray(obj) // 检查是否为数组

以上方法覆盖了 jQuery 的核心功能，适用于大多数 Web 开发场景。