jquery框架的优势,它有哪些优势?

TheDisguiser 2020-07-01 16:39:42 java常见问答 5157

相信web开发的小伙伴们都应该知道jQuery框架吧,这是目前最流行、强悍的js框架之一,小伙伴知道它相比其他框架都有哪些优势吗?下面就快来看看吧。

一、它是轻量级的,jQuery非常轻巧,采用UglifyJS压缩后,大小会保持在30KB左右。

二、强悍无比的选择器。

jQuery允许开发者使用从CSS1-CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择权。

三、jQuery能实现脚本与页面的分离

在HTML代码中,我们看到的都是类似这样的代码:

<form id="myform" onsubmit=return validate();" >

即使validate()函数可以被放置在一个外部文件中,实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery,页面代码将如下所示:

<form id = "myform" >

接下来,一个单独的JS文件将包含以下事件提交代码:

$("myform").submit(function() {
...your code here
)}

这样我们就能实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来。

四、出色的DOM操作封装。

jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候,更得心应手。

五、可靠的事件处理机制

六、强大的Ajax机制

jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。

七、出色的浏览器兼容性

八、链式操作方式

对发生在同一个jQuery对象上的操作,可以直接连写而无重复获取对象。

九、性能

在大型JavaScript框架中,jQuery对性能的理解最好。尽管不同版本拥有众多新功能,其最精简版本只有18KB大小,这个数字已经很难再减少。jQuery的每一个版本都有重大性能提高。本篇文章讲的是jQuery未经过任何优化的原始速度。如果将其与新一代具有更快JavaScript引擎的浏览器(如火狐3和谷歌Chrome)配合使用,开发者在创建富体验Web应用时将拥有全新速度优势

十、隐式迭代

当想找到带有“.myclass”类的全部元素,并将其隐藏,无需循环遍历每一个返回的元素。

十一、行为层与结构层的分离

开发者可以使用jQuery选择器选中元素,然后直接给元素添加事件。使各个方面的开发人员各司其职,互不干涉。

以上就是今天的所有内容了,还想知道更多jQuery相关常见问题,烦请持续关注奇Q工具网吧。

推荐阅读:

jquery框架是什么?定义概念介绍

jquery框架原理是什么?jquery原理解析

jquery ajax的异步如何转换成同步?