`
359904908
  • 浏览: 6537 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery的优点与缺点

阅读更多

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

在HTML代码中,我们还经常看到类似这样的代码:

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

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

  1. <form id="myform">
  2.  

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

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

这样我们可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来,就像数年前CSS让样式代码与页面代码分离开一样。

2、最少的代码做最多的事情

最少的代码做最多的事情,这是jQuery的口号,而且名副其实。使用它的高级selector,开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异,它除了还完全支持Ajax,而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。以下是一个非常简单的示例:

  1. $("p.neat").addClass("ohmy").show("slow");
  2.   

通过以上简短的代码,开发者可以遍历“neat”类中所有的<p>元素,然后向其增加“ohmy”类,同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型,无需编写循环代码,无需编写复杂的动画函数,仅仅通过一行代码就能实现上述效果。

3、性能

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

4、它是一个“标准”

之所以使用引号,是以为jQuery并非一个官方标准。但是业内对jQuery的支持已经非常广泛。谷歌不但自己使用它,还提供给用户使用。另外戴尔、新闻聚合网站Digg、WordPress、Mozilla和许多其它厂商也在使用它。微软甚至将它整合到Visual Studio中。如此多的重量级厂商支持该框架,用户大可以对其未来放心,大胆的对其投入时间。

5、插件

基于jQuery开发的插件目前已经有大约数千个。开发者可使用插件来进行表单确认、图表种类、字段提示、动画、进度条等任务。jQuery社区已经成长为一个生态系统。这一点进一步证明了上一条理由,它是一个安全的选择。而且,jQuery正在主动与“竞争对手”合作,例如Prototype。它们似乎在推进JavaScript的整体发展,而不仅仅是在图谋一己之私。

6、节省开发者学习时间

当然要想真正学习jQuery,开发者还是需要投入一点时间,尤其是如果你要编写大量代码或自主插件的话,更是如此。但是,开发者可以采取“各个击破”的方式,而且jQuery提供了大量示例代码,入门是一件非常容易的事情。我建议开发者在自己编写某类代码前,首先看一下是否有类似插件,然后看一下实际的插件代码,了解一下其工作原理。简而言之,学习jQuery不需要开发者投入太多,就能够迅速开始开发工作,然后逐渐提高技巧。

7、让JavaScript编程变得有趣

我发现使用jQuery是一件充满乐趣的事情。它简洁而强大,开发者能够迅速得到自己想要的结果。它解决了许多JavaScript问题和难题。我过去曾讨厌JavaScript编程,但现在却非常喜欢它。通过一些基础性的改进,开发者可以真正去思考开发下一代Web应用,不再因为语言或工具的差劲而烦恼。我相信它的“最少的代码做最多的事情”口号。

 

 

jQuery的不足之处

当然,jQuery并非完美无缺。截止到目前我所发现的jQuery不足之处包括:

◆不能向后兼容。每一个新版本不能兼容早期的版本。举例来说,有些新版本不再支持某些selector,新版jQuery却没有保留对它们的支持,而只是简单的将其移除。这可能会影响到开发者已经编写好的代码或插件。

◆插件兼容性。与上一点类似,当新版jQuery推出后,如果开发者想升级的话,要看插件作者是否支持。通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。开发者使用的插件越多,这种情况发生的几率也越高。我有一次为了升级到jQuery 1.3,不得不自己动手修改了一个第三方插件。

◆在同一页面上使用多个插件时,很容易碰到冲突现象,尤其是这些插件依赖相同事件或selector时最为明显。这虽然不是jQuery自身的问题,但却又确实是一个难于调试和解决的问题。

◆jQuery的稳定性。它没有让我的浏览器崩溃,我这儿指的是其版本发布策略。jQuery 1.3版发布后仅过数天,就发布了一个漏洞修正版1.3.1。他们还移除了对某些功能的支持,可能会影响许多代码的正常运行。我希望类似修改不要再出现。

◆在大型框架中,jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。

如果你还在犹豫是否要学习一个JavaScript框架,并困惑于选择哪一个框架,那么我推荐你选择jQuery。这并非说其它框架不好,只是jQuery可能是最稳妥和最具回报性的选择。

分享到:
ant
评论

相关推荐

    jquery回到顶部插件jquery.goup.js

    jquery.goup.js的优点在于简洁易用,兼容性好,但缺点可能在于功能相对简单,对于有特殊需求的项目,可能需要额外的定制工作。 总结,jquery.goup.js作为一款实用的jQuery插件,以其简洁的代码、灵活的配置和良好的...

    深入PHP与jQuery开发 pdf格式

    每个 JavaScript 库都有其优点,jQuery 也不例外,它拥有以下优点:  体积小(1.4版约 23 KB);  语法极其简单;  方法可链式调用;  插件架构,易于扩展;  庞大的线上社区;  极为完善的文档...

    javascript框架的优缺点

    以下是对七大JavaScript框架——Dojo、Prototype、YUI、jQuery、MooTools、Script.aculo.us以及ExtJS的优缺点分析: 一、Dojo Dojo是一个功能强大的JavaScript库,具有丰富的API和工具,特别适合大型企业级应用。它...

    JQuery库文件

    ## jQuery的优缺点 ### 优点 - **易用性**:jQuery语法简洁,降低了学习和开发成本。 - **兼容性**:jQuery对浏览器的兼容性极好,尤其在处理不同浏览器之间的差异时表现突出。 - **性能优化**:jQuery库经过优化,...

    jquery插件大全

    - 在React中,可以使用`react-jquery`等库将jQuery方法与React组件结合。 综上所述,jQuery插件极大地丰富了Web开发的可能性,提供了大量的实用工具。尽管现代前端开发趋势有所变化,但了解和掌握jQuery插件仍然对...

    Jquery截图

    这种方法的优点在于它可以捕获到页面的动态效果和CSS样式,但缺点是无法捕获到IFrame或者其他跨域的内容。 实现jQuery截图的方法有很多种,常见的插件有`html2canvas`和`jquery.screenshot`。例如,`html2canvas`...

    jquery事件代理方式的区别联系

    `live`的优点是处理动态元素非常方便,但缺点是性能较低,因为它需要监控整个DOM树。 ```javascript $('a').live('click', function() { alert("That tickles!"); }); ``` #### 3. `delegate` `delegate`相比`...

    jquery的下载文件的插件

    它的优点在于用户体验良好,缺点则是依赖Flash,而Flash在现代浏览器中的支持度正在逐渐下降。 另一方面,“FileSaver.js”则是一个纯JavaScript解决方案,它利用HTML5的Blob和URL.createObjectURL API来实现文件...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...

    jQuery实现分页功能(含ajax请求、后台数据、附完整demo)

    在讲解jQuery实现分页功能的知识点之前,...需要注意的是,随着Web技术的不断发展,新的前端框架和库可能会提供更加高效和友好的方式来实现分页功能,但AJAX与jQuery的结合使用依然是目前很多项目中常见的实现方式。

    实训 jQuery开发交互效果页面--留言页面.pptx

    10. jQuery 的缺点:使用 jQuery 也有一些缺点,例如:可能会增加页面加载时间、需要学习 jQuery 的语法和方法等。 在本资源中,我们使用 jQuery 来开发一个留言页面,包括留言显示区域和留言发布区域。我们使用 ...

    jquery,鼠标悬停。表格行的背景随之改变

    同时,为了使代码更加模块化和可维护,你还可以考虑将这部分功能封装成一个 jQuery 插件,或者使用 CSS3 的 `:hover` 伪类来实现,但后者的优点在于不需要 JavaScript 支持,缺点是无法实现更复杂的交互逻辑。...

    JQuery优缺点分析说明

    首先,jQuery的一个显著优点是实现了脚本与页面的分离。在传统的HTML代码中,我们常常会看到JavaScript代码嵌入在HTML标签内,这样会导致页面结构和逻辑混杂。jQuery允许我们将事件处理和逻辑代码移至外部的...

    javascript 原生Dom对象和jQuery对象的联系和区别

    JavaScript中的DOM对象和jQuery对象是两种不同的数据结构,它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要,因为这有助于选择合适的工具进行网页交互。 ...

    session、viewstate jQuery SQL存储过程等一系列教学网站 相当实用哦

    然后,服务器会在服务器端创建与该SessionID关联的Session对象,用来存储用户的相关数据。 #### 三、Session的生命周期 1. **创建**:当用户首次访问应用时。 2. **使用**:在整个会话过程中,可以读取和修改...

    frameset与div布局的优缺点

    1.使用JQuery框架简化Ajax与JavaScript的开发量,实现JavaScript代码的有效开发与管理。 2.使用RSH框架实现Ajax系统中的客户端状态保存和模拟浏览器的后退前进功能。 在选择前端布局时,DIV布局方式是一种更加明智...

    Different ways to include jQuery in your website

    在网站中引入jQuery有多种方法,下面将详细介绍这些方法及其优缺点。 1. **从jQuery官方网站下载并本地引入**: 这种方式是直接从jQuery官网(如:`https://jquery.com/download/`)下载最新的jQuery库文件,然后...

    Ajax和jQuery学习笔记

    #### 二、jQuery基础与应用 **2.1 jQuery简介** jQuery是一款轻量级的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等功能。它的设计哲学是“write less, do more”,意即“写得更少,...

Global site tag (gtag.js) - Google Analytics