jquery是干什么的

Z, ZLW 825

JQuery帮助Web开发人员为其网站添加额外的功能。具体来说JQuery的用途有:‎1. 插件‎;‎2. DOM 操作‎;‎3. 动画和AJAX支持‎;4. 跨浏览器支持‎;‎5. 少写,多做‎;‎6. 搜索引擎优化‎;‎7. 与Visual Studio IDE集成‎;‎8. 制作动画

jQuery是一个用JavaScript构建的框架。它帮助Web开发人员为其网站添加额外的功能。jquery是用于遍历和操作HTML DOM树的最流行的JavaScript库。此外,它还简化了事件处理,CSS动画和Ajax。

JQuery的API设计得很好。它的功能是如此完整,以至于该库的最后几个主要版本几乎没有添加任何新方法。JQuery与其他代码配合得非常好。它不会扩展任何‎‎内置的 JavaScript 对象‎‎,只会向全局命名空间添加一个符号。详细解释的jQuery的一些主要用途如下:‎

一、JQuery是干什么的

‎JQuery的API设计得很好。它的功能是如此完整,以至于该库的最后几个主要版本几乎没有添加任何新方法。JQuery与其他代码配合得非常好。它不会扩展任何‎‎内置的 JavaScript 对象‎‎,只会向全局命名空间添加一个符号。详细解释的jQuery的一些主要用途如下:‎

‎1. 插件‎

‎插件是用标准 JavaScript 文件编写的一段代码。这些文件提供了有用的‎‎jQuery方法‎‎,可以与jQuery库方法一起使用。网络上有大量的插件,使‎‎Web开发人员‎‎创建特殊效果变得简单快捷。‎

‎2. DOM 操作‎

‎jQuery使得选择DOM元素,协商它们并使用称为Sizzle的跨浏览器开源选择器引擎修改它们变得容易。‎

‎3. 动画和AJAX支持‎

‎jQuery附带了大量的内置动画效果。它还可以帮助您使用AJAX技术开发响应迅速且功能丰富的网站。因此,大多数Web开发人员更喜欢使用jQuery,以使网页更加令人兴奋,交互性,更干净,更用户友好。‎

4. 跨浏览器支持‎

‎目前,jQuery的使用是最流行的JavaScript库,适用于所有浏览器。它还‎‎支持CSS3选择器‎‎和基本的X路径语法。‎

‎5. 少写,多做‎

JQuery接受了许多需要大量JavaScript代码才能完成的常见任务,并将它们包装成可以用一行代码调用的方法。这使得五行jQuery相当于25行常规JavaScript代码。这意味着更小的文件和更快的网页加载。

‎6. 搜索引擎优化‎

‎一些jQuery效果‎‎几乎与Flash相同,但jQuery中的所有内容都设置为文本。这使得jQuery比Flash小,并且‎‎所有内容都可以被所有搜索引擎机器人读取‎‎。‎

‎7. 与Visual Studio IDE集成‎

‎Visual Studio提供了扩展,有助于将jQuery库 into.Net 框架项目集成。Visual Studio 2010 版本支持 JQuery 库 into.Net 框架的这种集成。Visual Studio 的 NuGet 包扩展有助于此集成。借助此集成,Visual Studio的IntelliSense功能被打开。此功能所有jQuery方法都是自动填充的,并且在语法错误的地方显示错误。‎

‎8. 制作动画

‎学习Flash需要时间和多年的经验来制作Flash动画,因此雇用Flash开发人员并不是一项便宜的任务。使用jQuery,您只需要‎‎JavaScript和HTML‎‎的知识即可制作动画。此外,还有大量的插件使此任务更加简单。‎

二、什么是Jquery

jQuery 是继prototype 之后又一个优秀的轻量级JavaScript 框架。其宗旨是———“Write Less, Do More”,写更少的代码,做更多的事情。 它是一个快速和简洁的JavaScript 库,可以简化HTML 文档元素的遍历,事件处理,动画和Ajax 交互以实现快速Web 开发,它被设计用来改变编写JavaScript 脚本的方式。

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

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的模块可以分为3部分:入口模块、底层支持模块和功能模块。

入口模块

在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。

浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。

底层支持模块

在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能;异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态;数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队操作,并确保函数按顺序执行,它基于数据缓存模块实现。

功能模块

在功能模块中,事件系统提供了统一的事件绑定、响应、手动触发和移除机制,它并没有将事件直接绑定到DOM元素上,而是基于数据缓存模块来管理事件;Ajax模块允许从服务器上加载数据,而不用刷新页面,它基于异步队列模块来管理和触发回调函数;动画模块用于向网页中添加动画效果,它基于队列模块来管理和执行动画函数;属性操作模块用于对HTML属性和DOM属性进行读取、设置和移除操作;DOM遍历模块用于在DoM树中遍历父元素、子元素和兄弟元素;DOM操作模块用于插入、移除、复制和替换DOM元素;样式操作模块用于获取计算样式或设置内联样式;坐标模块用于读取或设置DOM元素的文档坐标;尺寸模块用于获取DOM元素的高度和宽度。

回复

我来回复
  • 暂无回复内容

注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部