jQuery简介|豆包MarsCode AI 刷题

26 阅读4分钟

引言:

本文适合于了解或学习过JavaScript,想继续学习前端技术但不知道如何开始的同学,若抱有短时间内学会一门技术的想法的同学,可在看完本篇文章后网上寻找学习资料或私信博主。(注:不论学习什么知识,都应脚踏实地,不要想着一蹴而就

1.jQuery概述

1.1 jQuery的概念

先上干货,什么是jQuery?众所周知,在前端开发中HTML、CSS、JavaScript是前端程序员必会的三件套,HTML是页面的框架和内容、CSS则是美化页面的工具,而JavaScript是网页运行逻辑的主要帮手,对前端有些了解的小伙伴可能听说过前端框架这个词。实际上jQuery就是个轻量级的js框架。

在百度中对jQuery的解释如下:jQuery是一个快速、简洁的Javascript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

1.2 jQuery的优缺点

优点:

  1. 代码都封装好了,直接使用即可,同时也加快了代码的执行速度
  2. 有强大的选择器,几乎支持所有的css选择器,且代码逻辑不复杂,可进行链式编程
  3. 兼容性强,可以兼容很多类型的浏览器,同时修复了一些浏览器之间的差异,使开发者在开发项目时不用单独建立浏览器的兼容库
  4. 不污染顶级变量。jQuery只建立一个名为jQuery的对象,其所有的函数方法都在这个对象之下。其别名$也可以随时交出控制权,绝对不会污染其他的对象。该特性是jQuery可以与其他JavaScript库共存,在项目放心地引用而不需要考虑到后期可能的冲突。
  5. 隐式迭代。当用 jQuery 找到带有某一个类的全部元素,然后隐藏它们时,无需循环遍历每一个返回的元素。相反,jQuery 里的方法都被设计成自动操作对象集合,而不是单独的对象,这使得大量的循环结构变得不再必要,从而大幅的减少了代码量。
  6. 行为层与结构层的分离。开发者可以使用 jQuery 选择器选中元素,然后直接给元素添加事件。同时,后期维护也非常方便,不需要在 HTML 代码中寻找某些函数和重复修改 HTML 代码

缺点:

  1. 不能更新兼容。简单说就是每一个新版本不能兼容旧版本
  2. jQuery的核心代码库对于动画和特效的支持相对较差

总结:

对于某些刚学习完JavaScript的小伙伴来说,jQuery是最适合的一个JavaScript框架,简单易懂、上手方便,对新手及其友好,也可以作为学习vue、react等进阶框架时的一个过渡阶段,jQuery可以说是最稳妥且回报率最高的一个框架了

2、jQuery的基本使用

使用jQuery的第一步是导入。正常有两种方式:

方式一:在官网上下载好js文件,在使用时放在用script内联引入即可。注:下载时有两种一种为正常版本,一种为压缩版,两种皆可使用,对于学习练手而言建议使用压缩版本

方式二:直接引入jQuery提供的CDN服务

在初学时,建议使用方式一,方式一可以在计算机未联网的状态下使用jQuery,且更加稳定