JQuery的13个优点和特色JavaScript 库

目录

1、轻量级

2、强大的选择器

3、出色的DOM操作的封装

 4、可靠的事件处理机制

5、完善的Ajax

6、不污染顶级变量

7、出色的浏览器兼容性

8、链式操作方式

9、隐式迭代

10、行为层与结构层的分离

11、丰富的插件支持

12、完善的文档

13、开源

 JavaScript 库

JavaScript 库

JavaScript 框架(库)

jQuery

许多大公司在网站上使用 jQuery:

Prototype

MooTools

其他框架

CDN -内容分发网络

国内免费的 CDN 资源有:

海外免费的 CDN 资源有:

引用 jQuery

1、轻量级

JQuery非常轻巧,采用Dean Edwards编写的Packer压缩后,大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB。

gzip: 每天一个linux命令(32):
gzip: 减少文件大小有两个明显的好处,
一是可以减少存储空间,
二是通过网络传输文件时,
可以减少传输的时间。
gzip是在Linux系统中经常使用的一个对文件进行压缩和解压缩的命令,既方便又好用。
gzip不仅可以用来压缩大的、较少使用的文件以节省磁盘空间,
还可以和tar命令一起构成Linux操作系统中比较流行的压缩文件格式。
据统计,gzip命令对文本文件有60%~70%的压缩率。

2、强大的选择器

  • JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。
  • 由于JQuery支持选择器这一特性,因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。

3、出色的DOM操作的封装

  • JQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手。
  • JQuery轻松地完成各种原本非常复杂的操作,让JavaScript新手也能写出出色的程序。

 4、可靠的事件处理机制

  • JQuery的事件处理机制吸收了JavaScript专家Dean Edwards编写的事件处理函数的精华,是的JQuery在处理事件绑定的时候相当可靠。
  • 在预留退路、循序渐进以及非入侵式编程思想方面,JQuery也做得非常不错。

5、完善的Ajax

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

6、不污染顶级变量

  • JQuery只建立一个名为JQuery的对象,其所有的函数方法都在这个对象之下。
  • 其别名$也可以随时交流控制权,绝对不会污染其他的对象。
  • 该特性是JQuery可以与其他JavaScript库共存,在项目中放心地引用而不需要考虑到后期的冲突。

7、出色的浏览器兼容性

  • 作为一个流行的JavaScript库,浏览器的兼容性是必须具备的条件之一。
  • JQuery能够在IE6.0+,FF 2+,Safari2.+和Opera9.0+下正常运行。
  • JQuery同时修复了一些浏览器之间的的差异,使开发者不必在开展项目前建立浏览器兼容库。

8、链式操作方式

  • JQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作,可以直接接连写无需要重复获取对象。
  • 这一特点使得JQuery的代码无比优雅。

9、隐式迭代

  • 当用JQuery找到带有“.myClass”类的全部元素,然后隐藏他们时。
  • 无需循环遍历每一个返回的元素。
  • 相反,JQuery里的方法都被设计成自动操作的对象集合,而不是单独的对象,这使得大量的循环结构变得不再必要,从而大幅度地减少代码量。

10、行为层与结构层的分离

  • 开发者可以使用选择器选中元素,然后直接给元素添加事件。
  • 这种将行为层与结构层完全分离的思想,可以使JQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式。
  • 同时,后期维护也非常方便,不需要在HTML代码中寻找某些函数和重复修改HTML代码。

11、丰富的插件支持

  • JQuery的易扩展性,吸引了来自全球开发者来编写JQuery的扩展插件。
  • 目前已经有超过几百种官方插件支持,而且还不断有新插件面试。

12、完善的文档

  • JQuery的文档非常丰富,现阶段多位英文文档,中文文档相对较少。
  • 很多热爱JQuery的团队都在努力完善JQuery中文文档,例如JQuery的中文API。

13、开源

  • JQuery是一个开源的产品,任何人都可以自由地使用并提出修改意见。

 JavaScript 库

JavaScript 库

  • jQuery
  • Prototype
  • MooTools

JavaScript 框架(库)

JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。

为了应对这些调整,许多的 JavaScript (helper) 库应运而生。

这些 JavaScript 库常被称为 JavaScript 框架

所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。

jQuery

  • jQuery 是目前最受欢迎的 JavaScript 框架。
  • 它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。
  • jQuery 同时提供 companion UI(用户界面)和插件。

许多大公司在网站上使用 jQuery:

  • Google
  • Microsoft
  • IBM
  • Netflix

Prototype

Prototype 是一种库,提供用于执行常见 web 任务的简单 API。

  • API 是应用程序编程接口(Application Programming Interface)的缩写。
  • 它是包含属性和方法的库,用于操作 HTML DOM。

Prototype 通过提供类和继承,实现了对 JavaScript 的增强。


MooTools

  • MooTools 也是一个框架,提供了可使常见的 JavaScript 编程更为简单的 API。
  • MooTools 也含有一些轻量级的效果和动画函数。

其他框架

下面是其他一些在上面未涉及的框架:

  • YUI - Yahoo! User Interface Framework,涵盖大量函数的大型库,从简单的 JavaScript 功能到完整的 internet widget。
  • Ext JS - 可定制的 widget,用于构建富因特网应用程序(rich Internet applications)。
  • Dojo - 用于 DOM 操作、事件、widget 等的工具包。
  • script.aculo.us - 开源的 JavaScript 框架,针对可视效果和界面行为。
  • UIZE - Widget、AJAX、DOM、模板等等。

CDN -内容分发网络

国内免费的 CDN 资源有:

海外免费的 CDN 资源有:

如需在您的网页中使用 JavaScript 框架库,只需在 <script> 标签中引用该库即可:

引用 jQuery

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"> </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值