没有合适的资源?快使用搜索试试~ 我知道了~
从零开始学习jQuery-张子秋
4星 · 超过85%的资源 需积分: 0 44 下载量 201 浏览量
2009-08-09
15:38:31
上传
评论 1
收藏 1.89MB DOC 举报
温馨提示
试读
64页
作者:张子秋 出处:http://www.cnblogs.com/zhangziqiu/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (八) 插播:jQuery实施方案 从零开始学习jQuery (九) jQuery工具函数 从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
资源推荐
资源详情
资源评论
一摘要
本系列文章将带您进入 的精彩世界其中有很多作者具体的使用经验和解决方案即使你会使用
也能在阅读中发现些许秘籍
本篇文章是入门第一篇主要是简单介绍 通过简单示例指导大家如何编写 代码以及搭建
开发环境详细讲解了如何在 中配合使用
转载请注明子秋出品博客园首发
二前言
首先道个歉从零开始学习 系列文章在即将介绍 时就没有更新了原因就是最近
我一直在研究和学习 看到本系列的名称和文章标题看过我的 系列文章的人会感到很熟悉
不久要给公司的人做培训所以特意制作了本教程
在写作的同时我参考了网上 的系列教程文章在博客园和 上并没有找到让我满意的系列
教程我喜欢将知识系统的深入浅出的讲解不喜欢写那种学习笔记式的文章同时本系列将很快全部写
完 有工作压力就是有动力!随后如果时间允许我会继续更新 系列文章再一次对等待 文章的朋
友们说声抱歉
另外本系列文章的大部分知识点来源于图灵出版社的 实战一书推荐大家购买此书是
书籍中的经典之作
下面让我们开始 之旅
三什么是
是一套 "#$% 脚本库在我的博客中可以找到"#$% 轻量级脚本库系列文章
"#$% 脚本库类似于 的类库我们将一些工具方法或对象方法封装在类库中方便用户使用
注意 是脚本库而不是脚本框架库不等于框架比如& 程序集是类库而
是框架 并不能帮助我们解决脚本的引用管理和功能管理这些都是脚本框架要做的事
脚本库能够帮助我们完成编码逻辑实现业务功能使用 将极大的提高编写 #$% 代码的效率
让写出来的代码更加优雅更加健壮同时网络上丰富的 插件也让我们的工作变成了有了
天天喝茶水''因为我们已经站在巨人的肩膀上了
创建一个 项目时会发现已经自动引入了 类库 几乎是微软的御用脚本库
了完美的集成度和智能感知的支持让 和 天衣无缝结合在一起所以用 就要选用
而非 ()" 等
有如下特点*
提供了强大的功能函数
使用这些功能函数能够帮助我们快速完成各种功能而且会让我们的代码异常简洁
解决浏览器兼容性问题
#$% 脚本在不同浏览器的兼容性一直是 +, 开发人员的噩梦常常一个页面在 -./) 下运
行正常在 -0 下就出现莫名其妙的问题针对不同的浏览器编写不同的脚本是一件痛苦的事情有了
我们将从这个噩梦中醒来比如在 中的 #1 事件对象已经被格式化成所有浏览器通用的
从前要根据 #1 获取事件触发者在 下是 #1$&1而 2 等标准浏览器下下是
#1 则通过统一 #1 对象让我们可以在所有浏览器中使用 #1 获取事件
对象
实现丰富的
可以实现比如渐变弹出图层移动等动画效果让我们获得更好的用户体验单以渐变效果为例从
前我自己写了一个可以兼容 和 2 的渐变动画使用大量 #$% 代码实现费心费力不说写完后没
有太多帮助过一段时间就忘记了再开发类似的功能还要再次费心费力如今使用 就可以帮助我们
快速完成此类应用
纠正错误的脚本知识
这一条是我提出的原因就是大部分开发人员对于 #$% 存在错误的认识比如在页面中编写加载时
即执行的操作 (3 的语句在 45 元素或者 $&1 对象上直接添加1$$6属性不知道
1$$6 其实是一个匿名函数等等拥有这些错误脚本知识的技术人员也能完成所有的开发工作但是这
样的程序是不健壮的比如在页面中编写加载时即执行的操作 (3 的语句当页面代码很小用户加载很
快时没有问题当页面加载稍慢时就会出现浏览器终止操作的错误 提供了很多简便的方法帮助
我们解决这些问题一旦使用 你就将纠正这些错误的知识''因为我们都是用标准的正确的
脚本编写方法
太多了等待我们一一去发现
四
按照惯例我们来编写 的 4+ 程序来迈出使用 的第一步
在本文最后可以下本章的完整源代码
下载 类库
的项目下载放在了 上下载地址*
7%*88$$&8%898:18
上面的地址是总下载列表里面有很多版本和类型的 库主要分为如下几类*
&1*压缩后的 类库在正式环境上使用如*9';<=&1
#$*在 中需要引入此版本的 9 类库才能启用智能感知如:9';<='
#$=
包*里面有没有压缩的 9 代码以及文档和示例程序如*9';<='>%
编写程序
创建一个 45 页面引入 类库并且编写如下代码*
?(3@7&AB5-'88+<88((C45;D
1188
7%*88::::<8E8)7&;8((8)7&;'
11F
?7&)&1G7%*88::::<8;HHH8)7&F
?7F
?F4+?8F
?$%%G)8#$%$G$%89';<='
#$=F?8$%F
?87F
?,F
?#G#F4+?8#F
?1%G,17:%G,1#G显示8F
?1%G,14%G,1#G隐藏
8F?,8F
?1%G,171%G,1#G修改内容
为 4+8F
?$%%G)8#$%F
I J,17:!,1 $$6/1$1 #1!KI
J#!7: !LM!L
I J,14!,1 $$6/1$1 #1!KI
J#!7 !LM!L
I J,171!,1 $$6/1$1 #1!KI
J#!7& 4+!LM!L
?8$%F
?8,F
?87&F
效果如下*
页面上有三个按钮分别用来控制 4+ 的显示隐藏和修改其内容
此示例使用了*
;! 的 - 选择器*I J,17:!
=!事件绑定函数 ,1 !
<!显示和隐藏函数7: !和 7 !
N!修改元素内部 7& 的函数 7& !
在接下来的教程中我们将深入这些内容的学习
五启用 对 的智能感知
首先看一下 带给我们的智能感知惊喜要让 支持智能感知需要下列条件*
安装
下载地址*7%*88&1&$/$&81'8#8$$O<<NNP%)
安装 !"#$ 以支持%&' %(( 文件
该补丁会导致 在一个 "#$% 库被引用时,查找是否存在一个可选的'
#$文件,如果存在的话,就用它来驱动 "#$%11 引擎。这些加了注
释的'#$文件可以包含对 "#$% 方法提供了帮助文档的 C5 注释,以及对无法
自动推断出的动态 "#$% 签名的另外的代码 11 提示。你可以在这里了解该
补丁的详情。你可以在这里免费下载该补丁。
必须要引用 ' 版本的 ) 库
在编写脚本的时候甚至刚刚输入I的时候 可以智能提示*
在使用方法时还会有更多的提示*
有了智能感知我们编写 #$% 变得和 J一样快速便捷舒服大部分情况可以一次编写成功而不用再
为了一个大小写而查询 #$% 帮助文件能够让 对 实现智能感知的前提是要
引入 #$ 版本的 类库示例中我们引入了9';<='#$=文件如果引用其他版本
比如 &1 版本的 类库就无法启用智能提示但是在正式环境下我们必须要使用&1版本的
9 库文件以 ;<= 版本号为例各个版本的大小如下*
其中第一个是未压缩的 9 库如果启用 >% 压缩并且使用 &1 版本的 9 可以在传输过程中
压缩到 ;HQB
注意如果我们更新了脚本可以通过R7/R"快捷方式更新 的智能感知或者单击
编辑'F-11'F更新 "$%-11*
为了即能在 中增加脚本提示又能在上线的时候使用 &1 版本的脚本库我们一般是用如
下方式引入 库*
控制编译结果
! "#
$
剩余63页未读,继续阅读
资源评论
- lxben2013-07-12和博客中保持一致
- k6666661682013-04-08这个资源还不错。
- 在坚持几年2013-11-17打不开呀!
大聪
- 粉丝: 290
- 资源: 64
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功