[置顶] jquery学习之路初识jquery！

随着web网站的兴起，JavaScript越来越受到重视，一些javascript程序库像雨后春笋一样都出来了，如最早的prototype，dojo 到现在的 jquery ,ext js 。但是只有jquery受到越来越多人的追捧！

要学习jqeury，首先要了解一下javascript。

javascript是由netscape公司开发并于1992年发布的的脚本语言。可以为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。javascript主要包括dom 即文档对象模型，bom 即浏览器对象模型。 dom 主要用来描述处理网页内容的方法和接口，bom主要用来描述浏览器进行交互的方法和接口。

下面来讲讲它的日常用途： 1，嵌入动态文本于html

2，对浏览器事件做出反应

3，读写html元素

4，在数据被提交到服务器前验证数据

5，检测访客的浏览器信息

6，控制cookies 包括创建修改等

7，基于node.js技术进行服务器端编程

但是javascript自身存在3个弊端，即复杂的文档对象模型dom，不一致的浏览器实现和便捷的开发，调试工具的缺乏。很快一种新型的基于javascript的web技术－ajax诞生了，使人们真正意识到ajax的强大的导火索就是google公司推出的一系列新型web应用，例如gmail，google suggest 等。

为了简化javascript的开发，一些javascript程序库诞生了，javascript程序库封装了很多预定义的对象和实用函数，能帮助使用者轻松的建立起高度的交互的富客户端页面，并且兼容各大浏览器。到现在最为引人注目的便是ext和jquery了，ext主要用于创建前端用户界面，如今已经发展到可以利用包括jquery在内的多种javascript框架作为基础库，而ext作为界面的扩展库来使用，ext可以用来开发富有华丽外观的富客户端应用，使B/S应用更具有活力。但是他缺有一个弱点，就是本身比较冗余，臃肿，所以使用之前请权衡利弊。另外，需要注意的是ext并不完全免费如果用于商业用途，需要付费获得授权许可。

下面就讲到文章的主角jquery了。jquery是在prototype后又一个优秀的javascript库，是由john resig创建于2006年一月的一个开源项目，现在的jquery团队主要包括核心库，ui，插件和jquery mobile等开发人员以及推广和网站设计，维护人员。

jquery凭借着简洁的语法和跨平台的兼容性，极大的简化了javascript开发人员遍历html文档，操作dom，处理事件，执行动画和开发ajax的操作。其独特而优雅的代码风格改变了javascript程序员的设计思路和编写程序的方式。jquery强调的理念是写的少，做的多。它的独特的选择器，链式操作，事件处理机制和完善的ajax都是其他javascript库望尘莫及的。

下面来介绍下jquery的优势：1，轻量级，jquery非常轻巧，采用uglifyJS压缩后，大小在30kb左右。

2，强大的选择器，jquery允许开发者使用从css1 到 css3几乎所有的选择器，以及jquery独创的高级而复杂的选择器。

3，出色的dom操作的封装，jquery封装了大量常用的dom操作，能轻松的完成各种原本非常复杂的操作，让javascript新手也能写出出色的程序。

4，可靠的事件处理机制，jquery在处理事件绑定的时候相当可靠。

5，完善的ajax，jquery将所有的ajax操作封装到函数$.ajax（）里，使得开发者处理ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用问题。

6，不污染顶级变量，jquery只建立一个名为jquery的对象，对所有的函数方法都在这个对象下。其别名也可以随时交出控制权，决定不会污染其他对象。

7，出色的浏览器兼容性，作为一个流行的javascript库，浏览器兼容性是必须具备的条件之一，jquery能够在现在主流浏览器上正常运行，如ie 火狐 chrome opera safari 等等

8，我链式操作方式，jquery中最具有特色的莫过于它的链式操作方式，即对发生在同一个jquery对象上的一组动作，可以直接连写而无需重复获取对象。

9，隐式迭代，当jquery找到有 .myclass类的全部元素，然后隐藏他们时，无需循环遍历每一个返回的元素。

10，行为层与结构层的分离，开发者可以使用jquery选择器选中元素，然后直接给元素添加事件，这种将行为层与结构层完全分离的思想，可以使jquery开发人员和html或者其他页面开发人员各司其职，摆脱过去开发冲突或个人单干的开发模式，同时后期维护也非常方便。

11，丰富的插件支持。jquery的易扩展性，吸引了全球的开发者来编写jquery的扩展插件。

12，完善的文档，jquery的文档非常丰富，不管是英文文档，还是中文文档。

13，开源，jquery是一个开源的产品，任何人都可以自由地使用并提出改进意见。

说了这么多的jquery的优势，想必大家一定都迫不及待想要学习了把，别急先让我们看看如何配置jquery的环境, 1，首先在jquery官方网站 http://jquery.com/。然后点击download jquery ,然后选择Download the uncompressed, development jQuery 1.11.3，Download the compressed, production jQuery 1.11.3这两个即可。

jquery库的类型分为两种，分别是生产版（jquery.min.js) 开发版（jquery.js）,开发版主要用于测试，学习和开发。生产版经过工具压缩或经过服务器开启gzip压缩主要用于产品和项目。这两个库不需要安装只需放在相应的目录中，在某个页面需要使用jquery的时候，只需要在相关的html文档中引入该库文件的位置即可。可以在html页面中写 <script src="..js/jquery.js" type＝"text/javascript"/>

更多相关文章

随机推荐

[置顶] jquery学习之路 初识jquery！

更多相关文章

随机推荐

[置顶] jquery学习之路初识jquery！