JQuery上课讲义10.docx
- 文档编号：5245875
- 上传时间：2022-12-14
- 格式：DOCX
- 页数：55
- 大小：167.87KB
JQuery上课讲义10.docx
《JQuery上课讲义10.docx》由会员分享，可在线阅读，更多相关《JQuery上课讲义10.docx（55页珍藏版）》请在冰豆网上搜索。
JQuery上课讲义10
jQuery教程
第1章jQuery概述
初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？
”等类似的问题，理解这个问题对于后面的学习会起到促进作用。
以下是我整理出的大家常问的几个问题：
1.什么是jQuery？
2.什么是类库？
3.jQuery与JavaScript有什么关系？
4.JavaScript与java又有什么关系？
5.JavaScript、jQuery、Ajax、Json等又是什么？
区别又是什么？
6.不会JS能不能学jQuery？
我相信，很多人对这些技术有着似懂非懂的感觉，不是很了解，以上问题肯定是初学者都会产生的问题，如果你对它有兴趣或者想去驾驭它。
那么我们就开始向jQuery进军！
let'sGO！
Q:
什么是jQuery？
A:
jQuery是继Prototype之后又一个优秀的JavaScript类库，它由美国人JohnResig创建，至今已吸引来自世界各地众多的JavaScript高手加入其团队，其宗旨是：
写更少的代码，做更多的事（writeless,domore）
Q:
什么是类库？
A:
这是程序中的一个基本概念。
所谓类，可以理解为是一组语句的集合，用来描述一组具有共同属性和功能的对象。
字面理解也就是说类库就是类的集合。
Java和.net的类库意思类似。
但是在jQuery中，只是集合了许多的方法功能集合，使我们可以通过简单的代码就能实现复杂的效果。
Q:
jQuery与JavaScript有什么关系？
A:
jQuery是使用JavaScript编写的，也就是说JavaScript可以任意调用，其他程序并不能很轻易的调用。
就好比JavaScript是鸡，jQuery是鸡蛋，鸡只能生鸡蛋。
再说的明白些，jQuery是使用JavaScript编写的，就好比鸡蛋是鸡生的。
如果你还不明白再看看另一个例子：
我们可以把JavaScript比喻成文字，假如使用文字写了两本菜谱《西餐菜谱大全》和《中餐菜谱大全》，前者是prototype（在jQuery之前也是一种类库）后者是jQuery。
菜谱里面都集合了很多做菜的方法也可以叫做菜的类库。
在程序里面呢就叫做类库，方法库，函数库等。
Q:
JavaScript与Java又有什么关系？
A:
乍眼一看，它们有关系或者是同一家公司的产品，其实它们俩既不是兄弟姐妹也不是同一家公司所开发的，前者是Netscape网景公司开发，后者是Sun公司开发，2009年04月20日，Oracle（甲骨文）宣布以74亿美元收购Sun。
（详细的资料可以到网上搜一下）
Q:
JavaScript、jQuery、Ajax、Json等又是什么？
区别又是什么？
A:
读到这里，我想不用再讲JS和jQuery了吧？
如果你还认为需要讲解，那你再读读前面的几个问题，肯定就明白了，直接切入正题。
Ajax：
全称为“AsynchronousJavaScriptandXML”（异步JavaScript和XML），它是由JavaScript+CSS+DOM+XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心。
jQuery将Ajax的实现变得更加轻松容易。
Ajax就是咱们常说的局部刷新。
JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。
易于人阅读和编写的同时也易于机器解析和生成。
它基于JavaScript的一个子集。
Json采用完全独立于语言的文本格式，可以简单的理解为数据存储的一种格式或交换方式。
Q:
不会JS能不能学jQuery？
A:
我不知道大家所指的不会JS是什么程度，但我认为如果你一点都不懂JS那是很难学懂的，因为jQuery是JS的类库。
另外如果你懂得其他语言，也可以很快的理解的。
如果什么都不会我可以给大家一个快速掌握JS基础的方法，先去看JS的数据类型、变量的定义、函数方法的定义、函数方法的调用以及循环和判断，只要知道上面这几种非常容易学会。
看着内容挺多其实很简单，最慢一天就能搞懂。
【例子】
要求：
1）页面打开的时候弹出有欢迎信息的窗口；
2）使用javascript和jQuery两种方法实现。
例子中的“$”符号表示什么呢？
议大家不要小看了它哟~~~因为jQuery的核心功能都是通过这个函数实现的，以后编写的jQuery代码都是构建在这个函数上的，简单的说，就是都以某种方式在使用它。
不过它为什么是个函数呢，明明就一个符号而已啊？
在此案例中，我简写了代码，他们的关系如下，区分大小写：
$等同于jQuery
$（document）.ready（）等同于jQuery（document）.ready（）
他们在例题中的意思都等同于js中的onload（）方法
本节课，只需要你明白“$”符号是什么就OK了，在后面的学习中你会对他逐渐的熟悉~怎么样，是不是很有意思？
【作业】
1、在页面中使用css定义一个长宽均为100pxDIV红色区域
2、鼠标点击此红色区域，弹出对话框，至于对话框什么内容随便。
参考代码：
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
#myid{width:
100px;height:
100px;background-color:
red}
$（function（）{
$（"#myid"）.click（function（）{
window.alert（"aaa"）;
}）
}）;