jquery学习笔记-1

j-query学习笔记-1                                                                                            一、认识jquery        jquery是John Resig于2006年1月开发的一个开源项目，（官网是： http://jquery.com） jquery框架已经被微软封装到了Visual Studio中。jquery项目主要包括jquery Core（核心库）、jquery UI（界面库）、Sizzle（Css选择器）和Qunit（测试）四个部分，最新版本是jquery-1.10.2.js。       我们知道，html的作用是渲染页面的，CSS是作为样式来美化页面的，而javascript是作为数据交互的，由于javascript版本之间的差异性，以及各大浏览器对javascript和DOM解析的不统一，给开发人员带来了很多麻烦，为了简化javascript的开发，同时也是由于基于javascript的Ajax技术的横空出世，一些javascript的代码库就诞生了。这些代码库封装了很多预定义的（常用的）对象和实用函数，能够简化开发人员的工作，提供代码的执行效率。javascript代码库的诞生，标示了真正的web2.0应用开发的到来，为富客户端开发奠定了基础。       所谓框架，就是指一套包含工具、函数库、约定、以及尝试从常用任务中抽象出可以复用的通用模块，其目的使开发人员和设计师把重点放在特有的业务逻辑上，避免重复开发。通常的我们使用的框架有web应用框架（hibernate、struts2、spring等） javascript框架当然还有CSS框架。常用的javascript的框架有：      1、Dojo      Dojo（http://dojotoolkit.org） 是一个强大的面向对象的javascript框架。 Dojo主要有三大模块构成：Core、Dijit和DojoX。Core提供Ajax、events、pacdaging、Css-based querying、animations和JOSN等相关的API。Dijit是一个可更换皮肤、且基于模板的webUI控件库。DojoX包括一些创新的代码和控件：DateGrid、charts等。  2、YUI   YUI（http://developer.yahoo.com/yui）是Yahoo！User Interface（YUI）Librar库的简称，它采用DOM Scripting、Dhtml和Ajax等技术开发的Web UI控件和工具，其官网如下： 3、jquery jQuery（http://jquery.com）是一个快速、简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。 4、Mootools Mootools（http://mootools.com）是一个简洁、模块化、面向对象的javascript框架。它能够更快、更简单的编写可扩展和兼容性强的javascript代码。Mootools从Prototype中摄取了很多有益的设计理念，其语法与Prototype极其相似，但它提供的功能比Prototype相对完善和强大：      5、Prototype Prototype（http://www.prototypejs.org）是一个易用、面向对象的javascript框架。它封装并简化和扩展了一些常用的javascript方法与Ajax交互过程。   6、ExtJS ExtJS（ http://www.sencha.com/products/extjs/） 是一个跨浏览器，用于开发RIA（Rich Internet Application：通常所说的富客户端）应用的javascript框架，它提供高性能、可定制的Web UI控件库。   2、选择jquery的理由： 那么在以上的javascript的框架库中，选择jquery的理由有以下几点： a 轻巧：是jquery的先天优势，它的库非常小（200多K压缩后更小） b 方便：通过Sizzle引擎调用jquery函数$()即可。 c 兼容：jquery能在IE、FF Safari 和Opera等正常运行。 d 连写：jquery最有特色的莫过于它的链式操作方式。 e 扩展：jquery提供了丰富的插件支持，目前已有超过几百个官方的插件支持。 f 封装：jquery封装了DOM操作并将Ajax的操作封装到了$.ajax()函数中，用户在操作Ajax时不必在关心复杂的XMLHttpRequest对象的创建和使用问题。