本文创建于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一样):
<script type=”text/javascript” src=”jquery-1.12.3.min.js”></script>
<script type=” text/javascript”>
//自己的代码
</script>
当然,我们也可以把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:如果您觉得有用,请点赞转发,让更多人看到哦)
小伙伴也可以加一下QQ群,可以获取资源以及更多学习方法哦
QQ群:1126277960 (暗号:头条)