jQuery教程学习.docx

1、jQuery教程学习jQuery教程jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。 本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。另外我写教程的时候需要一边发布一边写，因此如果当你看到某节教程的标题不是【蓝色加粗字体、标题后面无精品推荐】这些条件，那么劝大家不要看此教程，因为它还没发育好呢！ 课程列表：第一章：基础篇 - 对象的获取第一节：jQuery速成 - 向jQuery进军

2、！第二节：jQuery速成 - 核心！第三节：jQuery速成 - 核心方法的使用第四节：jQuery速成 - 基本对象获取第五节：jQuery速成 - 层级对象获取第六节：jQuery速成 - 简单对象获取第七节：jQuery速成 - 内容对象的获取和对象可见性！第八节：jQuery速成 - 对象获取进阶第九节：jQuery速成 - 子元素的获取第十节：jQuery速成 - 表单对象的获取第十一节：jQuery速成 - 元素属性的设置与移除第二章：进阶篇 - 对象的筛选第十二节：jQuery速成 - 过滤第十三节：jQuery速成 - 查找第十四节：jQuery速成 - 串联第三章：文本篇

3、- 对象文本处理第十五节：jQuery速成 - 内部插入第十六节：jQuery速成 - 外部插入第十七节：jQuery速成 - 包裹第十八节：jQuery速成 -替换，删除和复制第十九节：jQuery速成 - 元素的赋值第四章：样式篇 - 层叠样式表的处理第二十节：jQuery速成- 样式的设置与定义第五章：提高篇 - jQuery中的事件机制第二十一节：jQuery速成- 页面的载入事件与事件处理第二十二节：jQuery速成- 鼠标事件与交互第二十三节：jQuery速成- 焦点事件第二十四节：jQuery速成- 键盘事件第二十五节：jQuery速成- 其他事件第六章：效果篇 - jQuery

4、中的动画效果第二十六节：jQuery速成- 动画实现的基本方法第二十七节：jQuery速成- 元素的渐隐渐显第二十八节：jQuery速成- 元素的滑动第二十九节：jQuery速成- 自定义动画第七章：工具篇 - jQuery中的工具使用第三十节：jQuery速成- 浏览器种类及其特性的检测第三十一节：jQuery速成- 数组和对象的操作第三十二节：jQuery速成- 工具杂项第八章：高级篇 - Ajax异步请求及调用实战第三十三节：jQuery速成- Ajax请求 (讲解篇)第三十四节：jQuery速成- Ajax请求 (实战篇) 第一章：基础篇 - 对象的获取第一节：jQuery速成 - 向

5、jQuery进军！jQuery速成 - 向jQuery进军！jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。 本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。 初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？”等类似的问题，理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题：1、 什么是jQuery？2、 什么是类库？3、 jQuery与

6、JavaScript有什么关系？4、 JavaScript与java又有什么关系？5、 JavaScript、jQuery、Ajax、Json等又是什么？区别又是什么？6、 不会JS能不能学jQuery？ 我相信，很多人对这些技术有着似懂非懂的感觉，不是很了解，以上问题肯定是初学者都会产生的问题，如果你对它有兴趣或者想去驾驭它。那么请跟KwooShung来，向jQuery进军！lets GO！Q:什么是jQuery？A:jQuery是JavaScript的类库，它由John Resig（美国人） 创建，至今已经吸引了来自世界各地的众多JavaScript高手加入该团队。Q:什么是类库？A:这是

7、程序中的一个基本概念。所谓类，可以理解为是一组语句的集合，用来描述一组具有共同属性和功能的对象。字面理解也就是说类库就是类的集合。Java和.net的类库意思类似。但是在jQuery中，只是集合了许多的方法功能集合，使我们可以通过简单的代码就能实现复杂的效果。Q:jQuery与JavaScript有什么关系？A:jQuery是使用JavaScript编写的，也就是说JavaScript可以任意调用，其他程序并不能很轻易的调用。就好比JavaScript是鸡，jQuery是鸡蛋，鸡只能生鸡蛋。再说的明白些，jQuery是使用JavaScript编写的，就好比鸡蛋是鸡生的。如果你还不明白再看看另一

8、个例子： 我们可以把JavaScript比喻成文字，假如使用文字写了两本菜谱 西餐菜谱大全 和 中餐菜谱大全，前者是prototype（在jQuery之前也是一种类库）后者是jQuery。菜谱里面都集合了很多做菜的方法也可以叫做菜的类库。在程序里面呢就叫做类库，方法库，函数库等。Q:JavaScript与Java又有什么关系？A:乍眼一看，它们有关系或者是同一家公司的产品，其实它们俩既不是兄弟姐妹也不是同一家公司所开发的，前者是Netscape网景公司开发，后者是Sun公司开发，2009年04月20日，Oracle（甲骨文)宣布以74亿美元收购Sun。（详细的资料可以到网上搜一下）Q:Java

9、Script、jQuery、Ajax、Json等又是什么？区别又是什么？A:读到这里，我想不用再讲JS和jQuery了吧？如果你还认为需要讲解，那你再读读前面的几个问题，肯定就明白了，直接切入正题。Ajax：全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），它是由JavaScript+CSS+DOM+ XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心。jQuery将Ajax的实现变得更加轻松容易。Ajax就是咱们常说的局部刷新。JSON(JavaScript Object Notation) 是一种轻量级的数据交

10、换格式。易于人阅读和编写的同时也易于机器解析和生成。它基于JavaScript的一个子集。 Json采用完全独立于语言的文本格式，可以简单的理解为数据存储的一种格式或交换方式。Q:不会JS能不能学jQuery？A:我不知道大家所指的不会JS是什么程度，但我认为如果你一点都不懂JS那是很难学懂的，因为jQuery是JS的类库。另外如果你懂得其他语言，也可以很快的理解的。如果什么都不会我可以给大家一个快速掌握JS基础的方法，先去看JS的数据类型、变量的定义、函数方法的定义、函数方法的调用以及循环和判断，只要知道上面这几种非常容易学会。看着内容挺多其实很简单，最慢一天就能搞懂。注：下节课我们还是延续

11、跟KwooJan学习CSS的风格，以实例为主的通俗易懂的教程，请大家做好准备！目前大家只需要准备好记事本、类库和您的键盘鼠标就可以啦不过还是建议大家用编辑器进行开发，便于提高开发效率以及正确率，这里KwooShung建议大家使用Dreamweaver CS4，版本一定要是CS4，因为以后我们用到它的地方还很多。【第二节】jQuery速成 - 核心！jQuery的核心是大家必须要学习的内容，我写了一个简单的例子，大家先不要看我的源代码，看看使用js是否能够做得出。【例子】要求：1）页面上一个按钮；2）点击后弹出窗口，我被点击了；如下图：JavaScript代码如下： 1. 2. 3. 4. 5.

12、 实例16. 7. function myClick()8. 9. alert(我被点击了！);10. 11. 12. 13. 14. 15. 16. 复制代码然而jQuery与此类似，但是在HTML页中不必填写onclick=myClick(); 事件调用myClick()方法，只需要引入jQuery类库以及自己编写的jQuery代码即可。下面是我的jQuery代码实现的上图方法看完上面的jQuery例子以后，可以发现其实我们什么都不用在HTML页面中写，只需引入相关的js文件即可，这样做的优点可以使我们的HTML页面更加简单，不需要穿插复杂的js代码，从而使页面与脚本完美分离，是不是很神奇

13、？注：例题中的加入了charset=GB2312是为了使其能够正确的显示中文，因为jQuery是utf-8编码。同学们可能会问demo1.js中的“$”符号表示什么呢？KwooShung建议大家不要小看了它哟因为jQuery 的核心功能都是通过这个函数实现的，以后编写的jQuery代码都是构建在这个函数上的，简单的说，就是都以某种方式在使用它。不过它为什么是个函数呢，明明就一个符号而已啊？在此案例中，我简写了代码，他们的关系如下，区分大小写：$等同于jQuery$(document).ready()等同于jQuery(document).ready()他们在例题中的意思都等同于js中的onload()方法click()表示鼠标点击事件，此事件日后会在详细讲解本节课，只需要你明白“$”符号是什么就OK了，在后面的学习中你会对他逐渐的熟悉怎么样，是不是很有意思？【作业】1、在页面中使用css定义一个长宽均为100px DIV红色区域2、鼠标点击此红色区域，弹出对话框，至于对话框什么内容随便。【第三节】jQuery速成 - 核心方法的使用jQuery对象访问：each(callback)根据我的理解，each是jQuery中的一种循环机制。一般与this关键字配合使用。学过程序的朋友