jQuery 零基础学习第一天

最新推荐文章于 2025-12-06 17:00:00 发布

原创

最新推荐文章于 2025-12-06 17:00:00 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

七、学习网站推荐

jQuery 是 JavaScript 的一个优秀库，它简化了 DOM 操作、事件处理、动画效果等常见任务，非常适合零基础学习者入门前端开发。以下是一个从零开始学习 jQuery 的指南：

什么是 jQuery？
jQuery 是一个轻量级的 JavaScript 库，核心宗旨是 "Write Less, Do More"（写得更少，做得更多）。它解决了原生 JavaScript 在不同浏览器中的兼容性问题，提供了简洁的 API。
学习前提
不需要太多 JavaScript 基础，但建议了解：
- 基本 HTML 标签和结构
- 简单的 CSS 选择器（如 #id、.class、tag）
- 变量、函数等基础编程概念

不需要下载文件，直接在 HTML 中通过网络引入 jQuery：

html

预览

<!-- 引入 jQuery（建议放在 <head> 或 <body> 底部） -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

注意：引入后，就可以使用 $ 或 jQuery 变量调用 jQuery 功能了。

在 HTML 中引入本地文件：

html

预览

<script src="jquery-3.6.0.min.js"></script>

在浏览器控制台（按 F12 打开）输入 $，

如果返回 function (a,b){return new m.fn.init(a,b)} 则表示引入成功。