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对象的创建和使用问题。
 


posted on 2013-09-30 21:12  you Richer  阅读(221)  评论(0编辑  收藏  举报