本文创建于2020年8月,以下是正文:

随着新的技术与框架的不断发展与更新,2020年的jQuery似乎给人一种老旧的感觉,公司大部分旧的项目使用着jQuery,但是新的项目都在流行使用vue。那么随着vue、react、Aangle等不断的推出和更新,2020年jQuery会被取代吗?接下来我们带着思考来认识以下jQuery!

jQuery是一个快速、简洁的JavaScript框架,是继prototype之后有一个优秀的JavaScript代码库(JavaScript框架)它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

官网:http://juqery.com/

口号:写更少的代码,做更多的事情

创始人:john Resig

jQuery有三条产品线:

jQuery1x.x:兼容IE6、7、8,花了很大的力气让IE6、7、8等低级浏览器都兼容

jQuery2x.x:不兼容IE6、7、8,从1代中剔除了所有兼容代码

jQuery3x.x:全面支持HTML5和CSS3

编程开发:

运行jQuery所需的条件很简单:一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相对自有。官方网站列出了下列支持jQuery的浏览器:

Firefox2.0+ internet Explorer 6+ Safari 3+ Opera 10.6+ chrome 8+

编程工具:

Notepad++

一套有特色的自由软件的纯文字编辑器,有完整的中文化接口及支持多国语言编写的功能。它的功能比Windows中的notepad(记事本)强大,出了可以用来制作一般的纯文字说明文件,也十分适合当作编写电脑程序的编辑器。Notepad++不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的外挂模组。

Brackets

一个免费、开源且跨平台的HTML/CSS/JavaScript前端WEB集成开发环境(IDE工具)。该项目有Adobe创建和维护,根据MIT许可证发布,支持Windows、Linux平台。Bracket的特点是简约、优雅、快捷,他的核心目标师减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜素功能等等。

JS Nice

一款让经过混淆处理的JavaScript代码可读更好的工具。他使用一种用于JavaScript代码美化的去混淆和去压缩引擎。JSNice采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律。

jQuery整体感知

首先我们使用jQuery的时候必须要先引包(和我们之前自己封装的xxx.js一样):

当然,我们也可以把jQuery的声明语句写在head标签中,另外,jQuery的引入我们还可以采用CDN的方式进行引入。

Ps:以上引入jQuery的方式作用都是相同的,都是为了将库文件添加到我们的工程当中。

而jQuery的行为习惯,也颠覆了我们之前对于js中DOM开发的认知。

(jQuery有非常便利的选择元素的能力,用一个$()函数就能够搜寻页面上的元素。)

所以它十分擅长查找元素,连名字都叫做jQuery(query:查询)。

那么jQuery的操作过程是什么样的呢?

(1) jQuery操作页面元素一定是从一个$()开始的!

(2) $()函数里面有引导。引号里面写CSS选择器。

(3) 然后加上jQuery自己的方法(不能使用js原生的方法)。

我们先学习下面这条语句

$(“#box”).css(“background-color”,”red”);

这行语句的作用是:将页面上的id为box的盒子的背景颜色变为红色。

jQuery的优点是什么呢?

快速获取文档元素

jQuery的选择机制构建与CSS的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式

提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网页都使用jQuery的内置的效果,比如淡入淡出,元素移除等动态特效。

创建AJAX无刷新网页

AJAX是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新页面,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

增强的事件处理

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太多时间处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

更改网页内容

jQuery可以修改网页中的内容,比如更改网页中的文本、插入或者翻转网页图像,jQuery简化了原本是用JavaScript代码需要处理的方式。

jQuery之所以这么优秀因为他整合了非常多优秀额特征,主要有以下几个特征:

1、 利用CSS的选择器提供高速的元素查找行为

2、 提供了一个抽象层来标准化各种常见的任务,可以解决各种浏览器的兼容问题

3、 将复杂的代码简化,提供连缀编程模式,大大简化了代码的操作。

人都是有一种惰性,对自己熟悉的技术不会摒弃,再者说有些开源框架是离不开jQuery,比如说layer.ui、dataTables等。jQuery作为JavaScript的api简化库,使用jQuery会比直接操作JavaScript更容易,这说明即使其他技术不断更新和发展,jQuery只会当做前端入门的必备技能,不管在2020年还是多年以后,jQuery都不会被前端抛弃!

(ps:如果您觉得有用,请点赞转发,让更多人看到哦)

2020年jQuery被抛弃了吗相关推荐

  1. 2020年jQuery笔试题汇总整理

    很多人认为属于JQ的时代已经结束了!但是请不要忘记JQ自身还有一项非常牛的优势--兼容性!这是其它框架所不具备的!所以至少目前JQ还是有自己的用武之地的.在这里我将JQ的一些面试题进行了整理,希望对大 ...

  2. 7 Papers Radios | NeurIPS 2020最佳论文;全卷积网络实现E2E目标检测

    机器之心 & ArXiv Weekly Radiostation 参与:杜伟.楚航.罗若天 本周的重要研究包括 NeurIPS 2020最佳论文以及抛弃 Transformer 使用全卷积网络 ...

  3. 【干货】2020年最新编程视频教程,速度收藏!!

    入职程序行多年,愈发觉得编程技术更新换代非常快,大家都会觉得编程的门槛很低,很多人都涌入这个行业岗位,但是工作两三年之后,就会发现遇到了一定的瓶颈,这个时候就需要静下心来学习知识,突破自我. 小编在这 ...

  4. 很有仙气超有创意的单网页视差效果直接可以使用id1091

    很有仙气超有创意的单网页视差效果直接可以使用id1091 源码下载地址 在新演示地址 HTML,CSS,JS -超有创意的单网页视差效果直接可以使用id1091 网页前端设计 html <!DO ...

  5. 云数据库逐渐成熟,阿里云提出“去O”小目标

    在数据库领域,阿里云公开了2020年的一个核心KPI. "今年将帮1000家企业'去O',完成10000套传统数据仓库上云."6月9日,阿里云数据库负责人李飞飞在2020阿里云峰会 ...

  6. 云端数据库的春天真来了

    点 10月24日,阿里云推出了国内首个云端数据库跑分平台,在行业圈中引起了不少讨论.在阿明看来,这个平台推出的背后,实际上仍然潜藏着数据库领域,用云数据库替换传统数据库的大趋势,正如19世纪末汽车的出 ...

  7. jquery级试题_腾讯2020前端面试题含答案解析

    程序猿的生活:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)​zhuanlan.zhihu.com 1 在jquery 中想要找到所有元素的同辈元素,下面哪 ...

  8. [转]抛弃jQuery,使用原生JavaScript

    原文链接 Document Ready 事件 在jQuery中,document.ready可以让代码在整个文档加载完毕之后执行: $(document).ready(function() {// C ...

  9. 抛弃jQuery 深入原生的JavaScript

    虽然我已经做网站建设工作10多年了,但我从最近3年才开始更多地学习如何更好的将纯JavaScript用于工作中,而不总是将jQuery考虑在第一位.现在我每天学习很多东西.这个过程让我觉得Adtile ...

最新文章

  1. PTA 家庭房产 (图论,暴搜)
  2. 联想拯救者15isk装win10系统_笔记本电脑触摸板操作手势合集以拯救者Win10系统为例...
  3. 数据分析之超市订单分析
  4. 连接局域网的SQL Server数据库配置
  5. 8次c语言上机作业答案,计算机二级C语言上机题库及答案2017
  6. pandas to_csv参数详解_【Python基础】Pandas数据可视化原来也这么厉害
  7. android数字滚动动画,Android超简单实现金钱滚动效果
  8. 避开使用XAML的性能陷阱
  9. react http请求_React组件的应用分析
  10. matlab进行特征缩放,机器学习中(Feature Scaling)特征缩放处理的matlab实现方式
  11. Linux设备驱动02:Linux内核模块
  12. Vue项目报错:This relative module was not found
  13. fread 单独测试没有问题 在正式项目里面丢数据 可能是系统资源不足 预读出了问题
  14. 附加属性来控制控件中,要扩展模块的visibility
  15. 数据终端设备与无线通信模块之间串行通信链路复用协议(TS27.010)在嵌入式系统上的开发【转】...
  16. Teamviewer远程,应用界面显示空白
  17. 帕拉丁(山东)俱乐部大型西藏自驾游,天籁之旅,与心灵自由相约
  18. 你知道几种编程思想?
  19. gparted给ubuntu系统扩容
  20. 数仓建设 | ODS、DWD、DWM等理论实战(好文收藏)

热门文章

  1. 第五章 生活无处不数据,大数据真的能算命?
  2. 在线考试防作弊js代码
  3. rename命令批量改名字
  4. 质量检验GB/T 2828
  5. Unity 中实现子弹时间效果
  6. mysql 表中触发器 TRIGGERS
  7. adb指令禁用软件_Android免root禁用系统应用(adb停用安卓系统应用)
  8. 概率DP,递推(麻球繁殖,UVA 11021)
  9. unity3d C#用匿名委托循环注册按钮点击事件报错:索引超界 ArgumentOutOfRangeException: Index was out of range. Must be non-ne
  10. java.lang.IllegalArgumentException: bound must be positive