Skip to content

jQuery v1 常用

🔍 选择器与遍历

  • $(selector):选择 DOM 元素
  • .find():在元素内部查找子元素
  • .parent() / .children() / .siblings():DOM 关系遍历
  • .each():遍历元素集合

🎨 样式与类操作

  • .css():获取或设置样式
  • .addClass() / .removeClass() / .toggleClass():操作 class
  • .width() / .height() / .offset() / .position():获取尺寸与位置

✍️ 内容与属性操作

  • .html() / .text():获取或设置元素内容
  • .val():表单值操作
  • .attr() / .removeAttr():属性操作
  • .prop():布尔属性值处理

📦 DOM 操作

  • .append() / .prepend() / .before() / .after():插入元素
  • .remove() / .empty():删除元素或清空内容
  • .clone():克隆元素
  • .wrap() / .unwrap():包裹或取消包裹元素

🎯 事件绑定与触发

  • .on() / .off():事件绑定/解绑(推荐)
  • .bind() / .unbind():早期绑定方法(已废弃)
  • .live() / .delegate():动态绑定(v1 中使用,v1.7+ 弃用)
  • .trigger() / .triggerHandler():手动触发事件

🧪 动画与效果

  • .show() / .hide() / .toggle():显示/隐藏
  • .fadeIn() / .fadeOut() / .fadeToggle():渐变效果
  • .slideDown() / .slideUp() / .slideToggle():滑动效果
  • .animate():自定义动画

🌐 Ajax 与数据处理

  • $.ajax():核心 AJAX 方法
  • $.get() / $.post():简化 AJAX 调用
  • .success() / .error() / .complete():回调处理(v3 废弃)
  • .done() / .fail() / .always():推荐的 Promise 风格处理

🔁 工具方法

  • $.each():遍历数组或对象
  • $.extend():对象合并
  • $.type() / $.isArray() / $.isFunction():类型判断
  • $.trim() / $.inArray():字符串与数组工具