《从零开始学习jQuery(PDF文字版)》.pdf

一． 开天辟地入门篇 一.摘要 本系列文章将带您进入 jQuery 的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会 使用 jQuery 也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery 代码以及 搭建开发环境. 详细讲解了如何在 Visual Studio 中配合使用jQuery. 二.前言 首先道个歉! 从零开始学习 ASP.NET MVC系列文章在即将介绍 Filter 时就没有更新了, 原因就是 最近我一直在研究和学习jQuery.看到本系列的名称和文章标题, 看过我的 MVC系列文章的人会感到很熟 悉. 不久要给公司的人做培训, 所以特意制作了本教程. 在写作的同时我参考了网上 jQuery 的系列教程文章, 在博客园和 Google 上并没有找到让我满意的 系列教程. 我喜欢将知识系统的,深入浅出的讲解.不喜欢写那种学习笔记式的文章. 同时本系列将很快 全部写完(有工作压力就是有动力), 随后如果时间允许我会继续更新MVC系列文章.再一次对等待 MVC文 章的朋友们说声抱歉! 另外本系列文章的大部分知识点来源于图灵出版社的jQuery 实战一书. 推荐大家购买此书, 是 jQ uery 书籍中的经典之作. 下面让我们开始 jQuery 之旅. 三.什么是 jQuery jQuery 是一套 Javascript 脚本库. 在我的博客中可以找到Javascript 轻量级脚本库系列文章. J avascript 脚本库类似于.NET 的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意 jQuery 是脚本库, 而不是脚本框架. 库不等于框架, 比如System 程序集是类库,而ASP. NET MVC是框架. jQuery 并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的 事. 脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用 jQuery 将极大的提高编写 javascript 代码 的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的 jQuery 插件也让我们的工作变成了有 了jQuery,天天喝茶水--因为我们已经站在巨人的肩膀上了. 创建一个 ASP.NET MVC 项目时, 会发现已经自动引入了 jQuery 类库. jQuery 几乎是微软的御用 脚本库了!完美的集成度和智能感知的支持,让.NET 和jQuery 天衣无缝结合在一起!所以用.NET 就要选用 jQuery 而非 Dojo,ExtJS 等. jQuery 有如下特点: 1.提供了强大的功能函数 使用这些功能函数, 能够帮助我们快速完成各种功能, 而且会让我们的代码异常简洁. 2.解决浏览器兼容性问题 javascript 脚本在不同浏览器的兼容性一直是 Web 开发人员的噩梦, 常常一个页面在 IE7,Firefox 下运行正常, 在 IE6 下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有 了jQuery 我们将从这个噩梦中醒来, 比如在jQuery 中的 Event 事件对象已经被格式化成所有浏览器通 用的, 从前要根据 event 获取事件触发者, 在 ie 下是 event.srcElements 而 ff 等标准浏览器下下是 ev ent.target. jQuery 则通过统一 event 对象,让我们可以在所有浏览器中使用 event.target 获取事件对 象. 3.实现丰富的 UI jQuery 可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验. 单以渐变效果 为例, 从前我自己写了一个可以兼容 ie 和 ff 的渐变动画, 使用大量javascript 代码实现, 费心费力不说, 写完后没有太多帮助过一段时间就忘记了. 再开发类似的功能还要再次费心费力. 如今使用 jQuery 就可 以帮助我们快速完成此类应用. 4.纠正错误的脚本知识 这一条是我提出的, 原因就是大部分开发人员对于 javascript 存在错误的认识. 比如在页面中编写 加载时即执行的操作 DOM 的语句, 在 HTML 元素或者 document 对象上直接添加onclick属性, 不知 道 onclick 其实是一个匿名函数等等.