我的网站
首页
  • 部署指南
  • VuePress 入门
  • 大屏适配开发 指南
  • AmapPortable (高德地图)
  • CesiumPortable (三维地球)
  • 概述
  • 选择器
  • DOM 操作
  • 事件处理
  • 动画效果
  • AJAX 请求
首页
  • 部署指南
  • VuePress 入门
  • 大屏适配开发 指南
  • AmapPortable (高德地图)
  • CesiumPortable (三维地球)
  • 概述
  • 选择器
  • DOM 操作
  • 事件处理
  • 动画效果
  • AJAX 请求
  • jQuery 教程

jQuery 教程

基于《锋利的jQuery》一书,系统学习 jQuery 的知识体系。

概述

jQuery 是一个快速、简洁的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和 AJAX 交互。自 2006 年发布以来,jQuery 影响了整个前端开发领域。

核心内容

选择器

jQuery 的选择器几乎继承了所有 CSS 选择器语法,并且扩展了许多实用的过滤选择器。

阅读选择器详情 →

DOM 操作

用简洁的语法完成元素的增删改查,告别浏览器兼容性问题。

阅读 DOM 操作 →

事件处理

统一的事件绑定机制,支持事件委托,解决浏览器差异。

阅读事件处理 →

动画效果

内置 fade、slide、animate 等动画方法,轻松实现视觉效果。

阅读动画效果 →

AJAX 请求

简化异步请求,支持 GET、POST 及完整的配置选项。

阅读 AJAX →

实战项目

学习完基础知识后,可以通过以下案例巩固:

  1. 表单验证 - 实时输入验证
  2. 图片轮播 - 手写轮播组件
  3. Tab 切换 - 标签页无刷新切换
  4. Ajax 分页 - 异步加载数据
  5. 拖拽效果 - 实现拖放交互

学习建议

  • 初学阶段:先掌握选择器和 DOM 操作
  • 进阶阶段:深入学习事件委托和 AJAX
  • 实战阶段:动手实现完整项目

每个页面都包含代码示例,建议边学边练。


相关资源

  • jQuery 官方文档
  • 《锋利的jQuery》(陈粤 著)
  • MDN JavaScript