jQuery入门简介及其语言特点与优势

原创 小智  2020-11-29 15:55  阅读 252 次

什么是jQuery?jQuery简介

jQuery 是继 prototype 之后又一个优秀的轻量级 JavaScript 代码库(或JavaScript框架)。其宗旨是 “Write Less, Do More”,即倡导写更少的代码,做更多的事情。它是一个快速和简洁的 JavaScript 函数库,封装 JavaScript 常用的功能代码,提供一种简便的JavaScript设计模式,优化 HTML 文档元素的遍历、操作DOM、事件处理(events)、执行动画效果和 Ajax 交互以实现快速 Web 开发,它被设计用来改变编写 JavaScript 脚本的方式。

jQuery 的文档非常丰富,因为其轻量级的特性,文档并不复杂,随着新版本的发布,可以很快被翻译成多种语言,这也为 jQuery 的流行提供了条件。jQuery 被包在语法上,jQuery 支持 CSS1-3 的选择器, 兼容 IE 6.0+, FF 2+,Safari 3.0+, Opera 9.0+, Chrome 等浏览器。同时,jQuery 有约几千种丰富多彩的插件,大量有趣的扩展和出色的社区支持,这弥补了 jQuery 功能较少的不足并为 jQuery 提供了众多非常有用的功能扩展。加之其简单易学,jQuery 很快成为当今最为流行的 JavaScript 库,成为开发网站等复杂度较低的 Web 应用程序的首选 JavaScript 库,并得到了大公司如微软,Google 的支持。

jQuery 最有特色的语法特点就是与 CSS 语法相似的选择器,并且它支持 CSS1 到 CSS3 的几乎所有选择器,并兼容所有主流浏览器,这为快速访问 DOM 提供了方便。

什么是jQuery

jQuery的核心特性

  • 具有独特的链式语法和短小清晰的多功能接口;
  • 具有高效灵活的css选择器,并且可对CSS选择器进行扩展;
  • 拥有便捷的插件扩展机制和丰富的插件;
  • jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery语言特点

快速获取文档元素

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

提供漂亮的页面动态效果

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

创建AJAX无刷新网页

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

提供对JavaScript语言的增强

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

增强的事件处理

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

更改网页内容

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

jQuery库包含哪些功能?

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

jQuery的优势

  • 轻量级 ---- 经过最好的压缩工具UglifyJS压缩之后,大小保持在30KB左右。并且极大简化JS代码。
  • 强大的选择器 ---- jQuery支持CSS1到CSS3几乎所有的选择器以及jQuery独创的高级而复杂的选择器。
  • 出色的DOM操作的封装 ---- jQuery封装了大量常用的DOM操作。以及操作CSS属性来控制页面的效果。
  • 可靠地事件处理机制 ---- jQuery的事件处理机制吸收了Javascript事件处理函数的精华,使jQuery在处理事件绑定的时候非常可靠。
  • 完善的Ajax ---- jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax时能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
  • 不污染顶级变量 ---- jQuery 只建立一个名为jQuery 的对象,所有的函数方法都在这个对象之下。
  • 出色的浏览器兼容性 ---- jQuery 几乎支持目前主流浏览器,同时jQuery 还修复了一些浏览器之间的差异。
  • 链式操作方式 ---- jQuery 最具有特色的莫过于他的链式操作方式——即同时发生在同一个jQuery 对象的一组动作,可以直接连写而无需重复获取对象。
  • 隐式迭代 ---- 当用jQuery 找到带有“.myClass”类的全部元素,然后隐藏他们时,无需循环遍历每一个返回的元素。相反,jQuery 里的方法都被设计成自动操作对象集合,这使得大量的循环结构变得不再必要,从而大量的减少了代码量。
  • 行为层和结构层的分离 ---- 开发者可以使用jQuery 选择器选中元素,然后直接给元素添加事件,让开发人员各司其职,后期维护也非常方便。
  • 丰富的插件支持 ---- jQuery 的易扩张性,吸引了来自全球的开发者来编写jQuery 的扩展插件,并且还不断地有新的插件面世。
  • 完善的文档 ---- JQuery的文档非常丰富。很多热爱JQuery的团队都在努力完善JQuery中文文档,例如JQuery的中文API。
  • 开源 ---- JQuery是一个开源的产品,任何人都可以自由地使用并提出修改意见。
jQuery的缺点

jQuery的高版本不兼容低版本。这是因为jQuery在升级除了会做一些内部优化之外,还会增加或删除一些方法。如果升级到高版本,可能会造成之前的部分代码无法执行!

本文地址:http://aszhi.com/jishu/jquery/59.html
关注我们:请关注一下微信号:扫描二维码爱思智前端的微信号
版权声明:本文为原创文章,版权归 小智 所有,欢迎分享本文,转载请保留出处!
PREVIOUS:已经是最后一篇了

发表评论


表情