jQuery教程学习Word文档下载推荐.docx
- 文档编号:15395491
- 上传时间:2022-10-30
- 格式:DOCX
- 页数:70
- 大小:247.51KB
jQuery教程学习Word文档下载推荐.docx
《jQuery教程学习Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《jQuery教程学习Word文档下载推荐.docx(70页珍藏版)》请在冰豆网上搜索。
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?
”等类似的问题,理解这个问题对于后面的学习会起到促进作用。
以下是我整理出的大家常问的几个问题:
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高手加入该团队。
什么是类库?
这是程序中的一个基本概念。
所谓类,可以理解为是一组语句的集合,用来描述一组具有共同属性和功能的对象。
字面理解也就是说类库就是类的集合。
Java和.net的类库意思类似。
但是在jQuery中,只是集合了许多的方法功能集合,使我们可以通过简单的代码就能实现复杂的效果。
jQuery与JavaScript有什么关系?
jQuery是使用JavaScript编写的,也就是说JavaScript可以任意调用,其他程序并不能很轻易的调用。
就好比JavaScript是鸡,jQuery是鸡蛋,鸡只能生鸡蛋。
再说的明白些,jQuery是使用JavaScript编写的,就好比鸡蛋是鸡生的。
如果你还不明白再看看另一个例子:
我们可以把JavaScript比喻成文字,假如使用文字写了两本菜谱《西餐菜谱大全》和《中餐菜谱大全》,前者是prototype(在jQuery之前也是一种类库)后者是jQuery。
菜谱里面都集合了很多做菜的方法也可以叫做菜的类库。
在程序里面呢就叫做类库,方法库,函数库等。
JavaScript与Java又有什么关系?
乍眼一看,它们有关系或者是同一家公司的产品,其实它们俩既不是兄弟姐妹也不是同一家公司所开发的,前者是Netscape网景公司开发,后者是Sun公司开发,2009年04月20日,Oracle(甲骨文)宣布以74亿美元收购Sun。
(详细的资料可以到网上搜一下)
JavaScript、jQuery、Ajax、Json等又是什么?
读到这里,我想不用再讲JS和jQuery了吧?
如果你还认为需要讲解,那你再读读前面的几个问题,肯定就明白了,直接切入正题。
Ajax:
全称为“AsynchronousJavaScriptandXML”(异步JavaScript和XML),它是由JavaScript+CSS+DOM+XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心。
jQuery将Ajax的实现变得更加轻松容易。
Ajax就是咱们常说的局部刷新。
JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。
易于人阅读和编写的同时也易于机器解析和生成。
它基于JavaScript的一个子集。
Json采用完全独立于语言的文本格式,可以简单的理解为数据存储的一种格式或交换方式。
不会JS能不能学jQuery?
我不知道大家所指的不会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.<
htmlxmlns="
//www.w3.org/1999/xhtml"
3.<
head>
4.<
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
/>
5.<
title>
实例1<
/title>
6.<
script>
7.functionmyClick()
8.{
9.alert("
我被点击了!
"
);
10.}
11.<
/script>
12.<
/head>
13.<
body>
14.<
inputtype="
submit"
value="
请点击我"
onclick="
myClick();
15.<
/body>
16.<
/html>
复制代码
然而jQuery与此类似,但是在HTML页中不必填写onclick="
事件调用myClick()方法,只需要引入jQuery类库以及自己编写的jQuery代码即可。
下面是我的jQuery代码实现的上图方法
看完上面的jQuery例子以后,可以发现其实我们什么都不用在HTML页面中写,只需引入相关的js文件即可,这样做的优点可以使我们的HTML页面更加简单,不需要穿插复杂的js代码,从而使页面与脚本完美分离,是不是很神奇?
例题中的<
scriptlanguage="
javascript"
charset="
GB2312"
src="
js/demo1.js"
<
加入了charset="
是为了使其能够正确的显示中文,因为jQuery是utf-8编码。
同学们可能会问demo1.js中的“$”符号表示什么呢?
KwooShung建议大家不要小看了它哟~~~因为jQuery的核心功能都是通过这个函数实现的,以后编写的jQuery代码都是构建在这个函数上的,简单的说,就是都以某种方式在使用它。
不过它为什么是个函数呢,明明就一个符号而已啊?
在此案例中,我简写了代码,他们的关系如下,区分大小写:
$等同于jQuery
$(document).ready()等同于jQuery(document).ready()
他们在例题中的意思都等同于js中的
onload()方法
click()表示鼠标点击事件,此事件日后会在详细讲解
本节课,只需要你明白“$”符号是什么就OK了,在后面的学习中你会对他逐渐的熟悉~
怎么样,是不是很有意思?
【作业】
1、在页面中使用css定义一个长宽均为100pxDIV红色区域
2、鼠标点击此红色区域,弹出对话框,至于对话框什么内容随便。
【第三节】jQuery速成-核心方法的使用
jQuery对象访问:
each(callback)
根据我的理解,each是jQuery中的一种循环机制。
一般与this关键字配合使用。
学过程序的朋友
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- jQuery 教程 学习