第十四章 初识jQuery

一.jQuery简介:

jQuery由美国人John Resig于2006年创建

jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装

它的设计思想是write less,do more

二.jQuery能做什么:

访问和操作DOM元素

控制页面样式

对页面事件进行处理

扩展新的jQuery插件

与Ajax技术完美结合

(jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率）

三.jQuery的优势:

体积小，压缩后只有100KB左右

强大的选择器

出色的DOM封装

可靠的事件处理机制

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持

四.jQuery基本语法:

jQuery对象.事件（绑定的方法）

jQuery对象：$（docoment）

事件：.ready（)

（绑定的方法）:(function(){})

$(document).ready()与window.onload类似，但也有区别

window.onload:

执行时机:必须等待网页中所有的内容加载完毕后（包括图片、flash、视频等）才能执行

编写个数:同一页面不能同时编写多个

简化写法:无

$(document).ready():

执行时机:网页中所有DOM文档结构绘制完毕后即刻执行，可能与DOM元素关联的内容（图片、flash、视频等）并没有加载完

编写个数:同一页面能同时编写多个

简化写法:$(function(){   //执行代码 }) ;(暂时不建议使用)

jQuery语法结构：

$(selector).action() ;

工厂函数$()：将DOM对象转化为jQuery对象 选择器 selector：获取需要操作的DOM 元素 事件action()：jQuery中提供的事件

五.jQuery操作页面元素:

使用addClass( )方法为元素添加样式

使用css( )方法设置元素样式

使用show( )、hide( ) 方法设置元素的显示和隐藏

链式操作:

对一个对象进行多重操作，并将操作结果返回给该对象

六.DOM对象和jQuery对象:

DOM对象：直接使用JavaScript获取的节点对象

 jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法

七.DOM对象转jQuery对象：

使用$()函数进行转化：$(DOM对象)   （jQuery对象命名一般约定以$开头 在事件中经常使用$(this)，this是触发该事件的对象）

jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象

通过get(index)方法得到相应的DOM对象