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