开天辟地入门篇_开天辟地学电脑下载(开天辟地学电脑下载)

开天辟地学电脑下载

划时代学习电脑下载(划时代入门)

一.摘要

这一系列文章将带你进入jQuery的奇妙世界，其中有许多作者的具体经验和解决方案。就算你会用jQuery，也能在阅读中发现一些秘籍。

本文是之一篇简介，主要对jQuery进行简单介绍，通过简单的例子指导大家如何编写jQuery代码，搭建开发环境。详细讲解如何在Visual Studio中使用jQuery。

二。介绍

首先，道歉！“从零开始学习ASP.NET MVC”系列文章在Filter即将推出时没有更新。原因是最近一直在研究学习jQuery。看过我的MVC系列文章的人会觉得这个系列的标题和题目很熟悉。马上要去公司培训人了，所以特意做了这个教程。

在写的时候参考了网上jQuery的一系列教程文章，但是在Blog Park和Google都找不到让我满意的一系列教程。我喜欢系统而简单地解释我的知识。我不喜欢写“学习笔记”之类的文章。同时，这个系列也快写完了(工作压力就是动力)，接下来如果时间允许我会继续更新MVC系列文章。再次向等待MVC文章的朋友们道歉！

另外，这一系列文章中的大部分知识点都来自图灵出版社出版的《jQuery实战》这本书。推荐你买这本书，是jQuery书籍的经典。

让我们开始jQuery的旅程吧。

3.什么是JQuery？

JQuery是一个Javascript脚本库。我可以在我的博客里找到一系列关于“Javascript轻量级脚本库”的文章。Javascript库类似于。NET类库，为了方便用户，我们在类库中封装了一些工具方法或者对象方法。

注意，jQuery是一个脚本库，而不是脚本框架。“库”不等于“框架”。比如“系统汇编”是类库，而“ASP。NET MVC”是一个框架。JQuery无法帮助我们解决脚本的引用管理和函数管理，这才是脚本框架应该做的事情。

脚本库可以帮助我们完成编码逻辑，实现业务功能。使用jQuery将大大提高编写javascript代码的效率，使编写的代码更加优雅和健壮。与此同时，互联网上丰富的jQuery插件让我们的工作“天天用jQuery喝茶”——因为我们已经站在巨人的肩膀上了。

当你创建一个ASP.NET MVC项目时，你会发现jQuery类库已经被自动引入。jQuery几乎是微软的皇家脚本库！完美的集成和智能感知支持使。NET和jQuery无缝结合！所以应该选择jQuery而不是Dojo，Ext *** 等。使用时。网。

JQuery具有以下特征:

1.提供了强大的功能。

使用这些函数可以帮助我们快速完成各种功能，让我们的代码变得极其简洁。

2.解决浏览器兼容性问题。

javascript在不同浏览器中的兼容性一直是Web开发者的噩梦。往往一个页面在IE7和Firefox中运行正常，在IE6中却出现莫名其妙的问题。为不同的浏览器编写不同的脚本是很痛苦的。

有了jQuery，我们将从这场噩梦中醒来。例如，jQuery中的Event对象已经被格式化为所有浏览器通用的。以前我们要根据事件获取事件触发器，是ie下的event.srcElements和ff等标准浏览器下的event.target。

JQuery统一了事件对象，这样我们就可以在所有浏览器中使用event.target来获取事件对象。

3.实现丰富的UI

JQuery可以实现渐变弹出、图层移动等动画效果。，这样我们才能获得更好的用户体验。单以渐变效果为例。从前我写过一个兼容ie和ff的渐变动画，用了很多javascript代码来实现。我煞费苦心，也没说什么，但是写完了也没怎么帮忙就忘了。再次开发类似的功能需要很大的努力。现在使用jQuery可以帮助我们快速完成这样的应用。

4.用于纠错的脚本知识。

我提出了这个。原因是大多数开发者对javascript有一个错误的理解。比如他们在页面加载时编写操作DOM的语句，直接给HTML元素或者文档对象添加“onclick”属性，不知道onclick其实是一个匿名函数等等。

了解这些错误脚本的技术人员也可以完成所有的开发工作，但是这样的程序并不健壮。比如“在页面加载时写一条语句操作DOM”，在页面代码很小，用户加载很快的情况下是没有问题的，而在页面加载稍微慢一点的时候，浏览器就会出现“停止操作”的错误。

JQuery提供了许多简单的方法来帮助我们解决这些问题。一旦你使用了jQuery，你就会纠正这些错误的知识——因为我们都是使用标准的、正确的jQuery脚本方法！

5.太多了！我们等着一个一个的发现。

四。Hello World jQuery

传统上，我们编写jQuery的Hello World程序来迈出使用jQuery的之一步。

在本文的最后，可以下载本章的完整源代码。

1.下载jQuery类库

jQuery的项目下载在Google Code上，网址是:

http://code.google.com/p/jqueryjs/downloads/list

上面的地址是总下载列表，里面包含了很多版本和类型的jQuery库，主要分为以下几类:

Min:压缩的jQuery类库，可用于正式环境，如jquery-1.3.2.min.js

Vsdoc:这个版本的jquery类库需要在Visual Studio中引入，实现智能感知。比如jQuery-1.3.2-vsdoc2.js。

发布包:有没有压缩的jquery代码、文档和示例程序，比如jQuery-1.3.2-release.zip。

2.写程序。

创建一个HTML页面，引入jQuery类库，并编写以下代码:

HelloWorld!$("#btnShow").bind("click",function(event){$("#divMsg").show();});$("#btnHide").bind("click",function(event){$("#divMsg").hide();});$("#btnChange").bind("click",function(event){$("#divMsg").html("HelloWorld,too!");});

效果如下:

页面上有三个按钮，分别用来控制Hello World的显示，隐藏和修改其内容。

此示例使用:

(jQuery的Id选择器:$("#btnShow ")

(2)事件绑定函数bind()

(3)显示和隐藏功能。显示()和隐藏()

(4)函数html()修改元素的内部html

在接下来的教程中，我们将深入研究这些内容。

5.启用Visual Studio对jQuery的智能感知

先来看看Visual Studio带来的智能感知惊喜。若要使Visual Studio支持智能感知，需要满足以下条件:

安装VS2008 SP1

下载地址:http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx

安装VS 2008修补程序KB958502以支持“-VS doc . js”Intellisense文件。

此补丁将使Visual Studio在引用JavaScript库时发现是否存在可选的“-vsdoc.js”文件，如果存在，则使用它来驱动JavaScript intellisense引擎。

这些带注释的“-vsdoc.js”文件可以包含帮助JavaScript方法的文档的XML注释，以及其他不能自动推断的动态JavaScript签名的代码智能感知提示。你可以在这里了解更多关于补丁的信息。你可以在这里免费下载补丁。

必须引用jquery库的vsdoc版本。

在后台声明变量:

protectedstringjQueryScriptBlock=@"";

六。在独立的 *** 文件中启用脚本智能感知

我们已经解决了上一页中的智能感知问题。事实上，我们还可以在一个单独的。js文件。在IntellisenseDemo.js文件中，添加以下语句:

///

更新 *** cript Intellisense，你会发现脚本中也启用了智能提示:

注意，本文讲解的脚本intellisense不仅适用于jQuery类库，也适用于自己编写的javascript代码。

七。摘要

本文简要介绍jQuery以及如何搭建脚本开发环境。示例程序没有复杂的功能，不一定能让没接触过jQuery的人意识到它的强大。

但是“多浏览器支持”这个特性已经足够我们学习和使用jQuery了，因为现在跨浏览器脚本真的很难写！

在下面的文章中，我们将学习jQuery选择器、事件、工具函数、动画、插件等。

- END -