跳至主要內容
AJAX

章节过时

目前,一套代码已经可以在多个浏览器上运行良好了,所以 jQuery 的意义并不大。在 Node.js 中,我们使用 axios 来进行请求。


Mr.Hope...大约 3 分钟jQuery
动画

章节过时

大部分动画都能够通过 CSS3 的 transition 实现,且 CSS3 开销更小。在复杂动画下,jQuery 更容易触发性能瓶颈。

2023 年浏览器对 CSS3 已经支持的特别良好,所以目前大多数的动画都直接使用 CSS3 的动画库。本章以学习思路为主即可。


Mr.Hope...大约 4 分钟jQuery
事件

章节过时

由于目前各浏览器 API 已经基本统一,无需使用 jQuery 绑定事件了。


Mr.Hope...大约 5 分钟jQuery
修改 DOM 结构

章节过时

而且目前浏览器 API 已经基本统一,除非兼容旧版本 IE,否则无需针对不同浏览器写不同的代码。


Mr.Hope...大约 2 分钟jQuery
操作 DOM

章节过时

目前,新型的框架大多遵循 MVVM 逻辑,及把逻辑层的数据绑定到视图层去显示。这种思路下,无需也不应操作 DOM。


Mr.Hope...大约 5 分钟jQuery
选择器

选择器是 jQuery 的核心。一个选择器写出来类似 $('#dom-id')


Mr.Hope...大约 9 分钟jQuery
jQuery

jQuery 是一款能够方便快捷的操作 DOM,并兼容所有主流浏览器的框架,目前最新版本是 3.5.1。

提示

由于目前前端应用的愈加复杂,前端开发者大多数转向 MVVM 框架,目前世界比较流行的三大 MVVM 框架是 Vue React Angular。可以说,在 2023 年,jQuery 已经过时了!

不过 jQuery 无论说从代码实现还是从写法上,到今天都是值得借鉴的。

所以如果您只想简单了解并掌握前端开发,而不是深入地从事相关行业,您可以直接 跳过本章节

本章节应以理解写法与思路为主,无需刻意记忆。


Mr.Hope...小于 1 分钟jQuery
jQuery 介绍

jQuery 是 JavaScript 世界中使用最广泛的一个库。鼎盛时期全世界大约有 80~90%的网站直接或间接地使用了 jQuery。

jQuery 能帮我们干这些事情:

  • 消除浏览器差异: 您不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写 Ajax 等代码;
  • 简洁的操作 DOM 的方法: 写 $('#test') 肯定比 document.getElementById('test') 来得简洁;
  • 轻松实现动画、修改 CSS 等各种操作。
  • jQuery 的理念 “Write Less, Do More“,让您写更少的代码,完成更多的工作!

Mr.Hope...大约 2 分钟jQuery介绍