第1章--jQuery课堂笔记(12-10-23)

第一章认识jQuery

5种JS库-1-jQuery简介-1-jQuery的优势-1-jQuery代码规范-jQuery对象与DOM对象-2-jQuery对象与DOM-3-解决jQuery（---

---））-3-

5种JS库

（1）prototype js

缺点：从整体上对于面向对象的思想编程把握不

（2）Dojo其强大之处在于Dojo提供了很多其它的js库没有提供的功能。例如离线存储的API最严重的就是API

（3）YUI-->Yahoo公司开发的完备的、扩展性良好的富交互网页程序工具集。提供了DOM操作和Ajax应用，文档极其完备，代码编写规范。

（4）ExtJS-->Ext是对YUI的扩展，主要用于创建前端用户界面，它利用jQuery和js框架作为基础库，自身则作为界面的扩展库来使用。优点：用来开发富有华丽外观的富客户端应用，使B/S更具活力。缺陷：由于侧重于界面，本身比较臃肿，而且新版本并非免费。（5）jQuery-->jQuery是一个轻量级的库，拥有强大的选择器，出色的DOM操作，可靠地事件处理，完善的兼容性和链式操作。

jQuery简介

jQuery由John Resig创建于2006年1月的开源项目。它是继prototype后的又一个优秀的js库。

jQuery凭借着简洁的语法和跨平台的兼容性，极大的简化了js开发人员遍历html文档操作dom，处理事件，执行动画，和开发Ajax。

它独特而又优雅的代码风格改变了js程序员的设计思路和编写程序的方式。

jQuery的优势

jQuery强调的理念是：写得少，做得多<==>Write less,Do more.

优势：⒈轻量级---jQuery经过压缩非常轻巧。

⒉强大的选择器---CSS1~CSS3，jQuery独创，Xpath，自定义选择器都可以。

DOM M操作，使用方便。

⒊出色的DOM操作的封装---jQuer

jQuery y封装了大量常用的DO

⒋可靠的事件处理机制---体现在预留退路，循序渐进，非入侵式编程思想方面。

⒌完善的Ajax处理---$ajax(),使开发者专心处理业务逻辑，不用关心兼容性。

⒍不污染顶级变量---使jQuery与其它js库共存，无需考虑后期可能的冲突。

⒎出色的浏览器兼容---浏览器的兼容是一个流行的库的必备条件。

⒏链式操作方式---直接连写无需重复获取对象，使jQuery代码更优雅。

⒐隐式迭代---无需循环遍历每一个返回的元素，大幅度减少代码量。

⒑行为层与结构层分离---摆脱开发冲突，后期维护方便。

⒒丰富的插件机制---体现了jQuery的易扩展性。

⒓文档完善且是开源的---任何人都可以自由使用并提出改进意见。

jQuery代码规范

A.对于同一个对象，一般不超过3个连接就写一行。

B.对于同一个对象，每一个操作就是一行。

C.对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以考虑适当

缩进一行。

D.为代码添加注释，有利于日后维护，合作开发。

jQuery对象与DOM对象

jQuery对象就是通过jQuery包装DOM对象后产生的。

jQuery对象是jQuery独有的，它可以使用jQuery内部的方法。

jQuery对象不能调用DOM对象里面的任何方法。

jQuery对象与DOM对象之间的转化

假如jQuery对象里面没有DOM对象的方法，或者DOM对象里面没有jQuery的方法，此时两者都必须要调用到对方已有的方法，因此必须进行转化。

jQuery对象转化为DOM对象的两种方式：

A.jQuery对象是一个数组对象，可以通过index来获取。

B.通过jQuery提供的方法进行转化。

DOM对象转化为jQuery对象：

对于一个DOM对象，只要用$()把DOM对象包起来就行了。

解决jQuery与其他库的冲突（-----noConflict()-----）

如果jQuery库在其它库之前导入，就可以直接使用jQuery，无需调用noConflict方法。

反之，则要通过noConflict方法将$的控制权让渡给第一个实现它的库。

假设我们在不能使用$并不想写jQuery的时候（字母多麻烦）下图中间部分注释部分与未注释都是可以的。

通过匿名类亦可实现。如下图：