jQuery教程学习.docx
《jQuery教程学习.docx》由会员分享，可在线阅读，更多相关《jQuery教程学习.docx（70页珍藏版）》请在冰豆网上搜索。
jQuery教程学习
jQuery教程
jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。
本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。
如果你掌握了jQuery可以成为提升工资的一个资本。
另外我写教程的时候需要一边发布一边写，因此如果当你看到某节教程的标题不是【蓝色加粗字体、标题后面无精品推荐】这些条件，那么劝大家不要看此教程，因为它还没发育好呢！
课程列表：
第一章：
基础篇-对象的获取
第一节：
jQuery速成-向jQuery进军！
第二节：
jQuery速成-核心！
第三节：
jQuery速成-核心方法的使用
第四节：
jQuery速成-基本对象获取
第五节：
jQuery速成-层级对象获取
第六节：
jQuery速成-简单对象获取
第七节：
jQuery速成-内容对象的获取和对象可见性！
第八节：
jQuery速成-对象获取进阶
第九节：
jQuery速成-子元素的获取
第十节：
jQuery速成-表单对象的获取
第十一节：
jQuery速成-元素属性的设置与移除第二章：
进阶篇-对象的筛选
第十二节：
jQuery速成-过滤
第十三节：
jQuery速成-查找
第十四节：
jQuery速成-串联第三章：
文本篇-对象文本处理
第十五节：
jQuery速成-内部插入
第十六节：
jQuery速成-外部插入
第十七节：
jQuery速成-包裹
第十八节：
jQuery速成- 替换，删除和复制
第十九节：
jQuery速成-元素的赋值
第四章：
样式篇-层叠样式表的处理
第二十节：
jQuery速成-样式的设置与定义
第五章：
提高篇-jQuery中的事件机制
第二十一节：
jQuery速成-页面的载入事件与事件处理
第二十二节：
jQuery速成-鼠标事件与交互
第二十三节：
jQuery速成-焦点事件
第二十四节：
jQuery速成-键盘事件
第二十五节：
jQuery速成-其他事件
第六章：
效果篇-jQuery中的动画效果
第二十六节：
jQuery速成-动画实现的基本方法
第二十七节：
jQuery速成-元素的渐隐渐显
第二十八节：
jQuery速成-元素的滑动
第二十九节：
jQuery速成-自定义动画
第七章：
工具篇-jQuery中的工具使用
第三十节：
jQuery速成-浏览器种类及其特性的检测
第三十一节：
jQuery速成-数组和对象的操作
第三十二节：
jQuery速成-工具杂项
第八章：
高级篇-Ajax异步请求及调用实战
第三十三节：
jQuery速成-Ajax请求（讲解篇）
第三十四节：
jQuery速成-Ajax请求（实战篇）
第一章：
基础篇-对象的获取
第一节：
jQuery速成-向jQuery进军！
jQuery速成-向jQuery进军！
jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。
本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。
如果你掌握了jQuery可以成为提升工资的一个资本。
初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？
”等类似的问题，理解这个问题对于后面的学习会起到促进作用。
以下是我整理出的大家常问的几个问题：
1、什么是jQuery？
2、什么是类库？
3、jQuery与JavaScript有什么关系？
4、JavaScript与java又有什么关系？
5、JavaScript、jQuery、Ajax、Json等又是什么？
区别又是什么？
6、不会JS能不能学jQuery？
我相信，很多人对这些技术有着似懂非懂的感觉，不是很了解，以上问题肯定是初学者都会产生的问题，如果你对它有兴趣或者想去驾驭它。
那么请跟KwooShung来，向jQuery进军！
let'sGO！
Q:
什么是jQuery？
A:
jQuery是JavaScript的类库，它由JohnResig（美国人）创建，至今已经吸引了来自世界各地的众多JavaScript高手加入该团队。
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的数据类型、变量的定义、函数方法的定义、函数方法的调用以及循环和判断，只要知道上面这几种非常容易学会。
看着内容挺多其实很简单，最慢一天就能搞懂。
注：
下节课我们还是延续《跟KwooJan学习CSS》的风格，以实例为主的通俗易懂的教程，请大家做好准备！
目前大家只需要准备好记事本、类库和您的键盘鼠标就可以啦~不过还是建议大家用编辑器进行开发，便于提高开发效率以及正确率，这里KwooShung建议大家使用DreamweaverCS4，版本一定要是CS4，因为以后我们用到它的地方还很多。
【第二节】jQuery速成-核心！
jQuery的核心是大家必须要学习的内容，我写了一个简单的例子，大家先不要看我的源代码，看看使用js是否能够做得出。
【例子】
要求：
1）页面上一个按钮；
2）点击后弹出窗口，我被点击了；
如下图：
JavaScript代码如下：
1.
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.//www.w3.org/1999/xhtml">
3.
4.
5.
实例16.
12.
13.
14.
15.
16.