一 jQuery概述
1. 概念
l jQuery是继prototype之后又一个优秀的Javascript库,是一个由John Resig创建于2006年1月的开源项目。
l 现在的jQuery团队主要包括核心库、UI和插件等。
l jQuery凭借着简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
2. jQuery的优势
jQuery的宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
l 轻量级
jQuery非常轻巧,采用Dean Edwards编写的Packer(http://dean.edwards.name/packer/)压缩后,大小不到30KB。如果使用Min版并且在服务器端启用Gzip压缩后大小 只有18KB。
l 强大的选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于 自己的选择器。
l 出色的DOM操作的封装
jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手。
l 可靠的事件处理机制
吸收了javascript专家Dean Edwards编写的事件处理函数的精华,使得jQuery在处理事件绑定的时候非常可靠。在预留退路、循序渐进以及非入侵式变成思想方面,jQuery 做得非常不错。
l 完善的Ajax
使开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
l 不污染顶级变量
jQuery只建立一个名为jQuery对象,其所有的函数方法都在这个对象之下。
l 出色的浏览器兼容性
jQuery修复了一些浏览器之间的差异,使开发者不必在开展项目前建立浏览器兼容库
l 链式操作方式
jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作,可以直接连写而无需重复获取对象。
l 隐式迭代
l 行为层与结构层的分离
开发者可以使用jQuery选择器选中元素,然后直接给元素添加事件。这种将行为层与结构层完全分离的思想,可以使jQuery开发人员和HTML或其他页面开发人员各司其 职,摆脱开发冲突或个人单干的开发模式。
l 丰富的插件支持 后期扩展非常方便..
jQuery的易扩展性,吸引了来自全球的开发者编写jQuery的扩展插件。目前已经有超过几百种的官方插件支持,而且还不断有新插件面世。
l 完善的文档
jQuery的文档非常丰富。
3. DOM对象
DOM解析HTML页面,将页面元素解释为元素节点、属性节点和文本节点。
而通过DOM解析HTML页面元素,所得到的DOM元素就是DOM对象。
DOM对象可以使用JavaScript中的方法。
4. jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery 对象是 jQuery独有的。
虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。乱使用会报错。(要调用先转换)
约定:如果获取的是 jQuery 对象,那么要在变量前面加上 $。
5. DOM对象转成jQuery对象
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
6. jQuery对象转成DOM对象
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数组对象,可以通过[index]的方法,来得到相应的DOM对象
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象