(完整word版)jquery课件.doc

时值我国改革开放不久，在青年知识分子中掀起了一股出国热潮，许多同学纷纷出国留洋深造。作为同学中佼佼者的xx同样受到冲击，他也曾心动过、向往过。然而，一本介绍美国农业科学家、诺贝尔和平奖得主——矮秆小麦育种专家布劳格生平事迹的书改变了他的想法。
时值我国改革开放不久，在青年知识分子中掀起了一股出国热潮，许多同学纷纷出国留洋深造。作为同学中佼佼者的xx同样受到冲击，他也曾心动过、向往过。然而，一本介绍美国农业科学家、诺贝尔和平奖得主——矮秆小麦育种专家布劳格生平事迹的书改变了他的想法。

时值我国改革开放不久，在青年知识分子中掀起了一股出国热潮，许多同学纷纷出国留洋深造。作为同学中佼佼者的xx同样受到冲击，他也曾心动过、向往过。然而，一本介绍美国农业科学家、诺贝尔和平奖得主——矮秆小麦育种专家布劳格生平事迹的书改变了他的想法。
Jquery课件
1Jquery简介
为了简化JavaScript的开发,一些JavsScript库诞生了.JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0特性的富客户端页面,并且兼容各大浏览器
当前流行的JavaScript库有:
jQuery,MooTools,Prototype,Dojo,YUI,EXT_JSDWR
jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多
javascript高手加入其team。
jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DOMORE,写更少的代码,做更多的事情。
它是轻量级的js库(压缩后只有21k)，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
2Jquery实例

2.1jquery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:$(“#test”).html()；比如：$("#test").html()意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码：document.getElementById("test").innerHTML;
虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
约定：如果获取的是jQuery对象,那么要在变量前面加上$.
var$variable=jQuery对象
varvariable=DOM对象
2.2dom对象转化为jquery对象
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)

2.3jquery对象转化为dom对象
两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);
(1)jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象

2.4jquery选择器
1、选择器是jquery的基础。在jquery中，对事件进行处理，遍历dom和ajax操作都依赖选择器。
2、jquery选择器写法简单
$(#username)=document.getElementById(“username”);
$(“tagName”)=document.getElementsByTagName(“tagName”);
2.4.1基本选择器
基本选择器是jquery中最简单，也是最常用的选择器。它通过元素id,class和标签名来查找DOM元素
2.4.1.1#id
$(#id)返回值：单个元素组成的集合
2.4.1.2标签元素
$(element标签)返回值：元素集合
2.4.1.3class
$(.class)说明:这个标签是直接选择html代码中class=”myClass”的元素或元素