jQuery 开发环境搭配(转)

摘要:
作为一个轻量级JavaScript库,自2006年问世以来,jQuery一直是最受欢迎的JavaScript库。要开始学习jQuery,必须首先匹配环境。这篇博文主要介绍了Dreamweaver和VisualStudio2008上的jQuery环境。事实上,jQuery只是其中一个。js文件可以在项目中直接引用。它需要匹配什么环境?没错,但估计没有情报

jQuery 作为一个轻量级的 JavaScript 库,至 06 年出来到现在,

也算是用得最火的 JavaScript 库了吧,

要开始学习 jQuery ,首先还是必须得把环境搭配好吧,

这一篇博文呢,主要是想介绍一下在 Dreamweaver 上和 Visual Studio 2008 上搭配 jQuery 环境,

其实呢,jQuery 就一个 . js 文件,直接在项目中引用就 OK 了,

需要搭配什么环境呢,这话说的也对,但是估计在没有智能感知的情况下写 JavaScript 脚本,

估计大伙也尝试过这种滋味了,所以,这里的搭配环境呢,

主要是完成在 Dreamweaver 和 Visual Studio 2008 中实现,

使之可以在这两个开发工具中直接使用智能感知功能

先还是来下载一个 jQuery 库吧

现在的最新版是 1.4.2(大小为 155 KB)

下载地址为:

http://jquery.com/

先来看 Dreamweaver 中实现智能感知功能吧

我的 Dreamweaver 版本为 Dreamweaver 8

首先呢,需要下载一个 Dreamweaver 插件,

下载地址如下:

http://www.xtnd.us/dreamweaver/jquery

image

下载后呢,就可以直接安装了(是一个 . mxp 的文件)

也可以通过在 Dreamweaver 的“命令”-->“扩展管理”

image

安装了上面的插件后,便可以在 Dreamweaver 中引用 jQuery . js 文件后,

便可以使用智能感知功能了。

先来看 Visual Studio 2008 中实现智能感知功能吧

首先呢,Visual Studio 必须是 2008 ,然后必须安装 SP1 补丁,

比如我的为 Visual Studio Team System 2008

并且打上了 SP1 补丁,

完成上面的配置后,

还必须安装一个插件才能实现在 Visual Studio 2008 中针对 jQuery 出现智能感知,

注意:如果上面的 SP1 补丁不打的话,这个插件安装会失败~~~~

给出插件的下载地址

http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?

ProjectName=KB958502&ReleaseId=1736

image

下载好插件后,就直接双击安装就 OK 了

1

安装好了上面的这个补丁后呢,还不能够在 Visual Studio 2008 中使用智能提示,

还需要下载下面的一个文件,

给出下载路径为:

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

image

从上面可以知道,针对 jQuery 1.4.2 版本的 vsdoc 还没有出来,

从上面呢只能下载一个 1.3.1 版本的 vsdoc 将就着用吧,

不过呢下面给一个地址:

http://code.jquery.com/jquery-1.4.1-vsdoc.js

这个地址呢,下载的就是 1.4.1 的 vsdoc 了,

由于我们使用的是 1.4.2 的 jQuery 版本,为了能够实现智能提示,

我将 1.4.1 的 vcdoc 改名,

即 jquery-1.4.1-vsdoc.js 改名为 jquery-1.4.2-vsdoc.js,注意的是,

这种方法是权宜之计,等 jquert-1.4.2-vsdoc.js 出来后,就不应该这样用了哦

然后呢,把 jQuery 库(也就是最前面下载的 . js 文件),然后再 Visual Studio 2008 中引用这两个文件,

并且这两个文件要放在一个目录下,

即 jquery-1.4.2.js 和改名为 jquery-1.4.2-vsdoc.js 的 jquery-1.4.1-vsdoc.js 放在同一个目录下

image

经过了上面的这几步呢,就可以实现在 Visual Studio 2008 中队 jQuery 的智能感知功能了~~~~

下面就是来测试上面所说的智能感知功能了

先在 Dreamweaver 中实现吧

image

上面的这张截图中可以看到我使用的 jQuery 版本为 1.4.2 的(这个是最新的版本),

引入这个 jQuery 后便可以实现在 Dreamweaver 中的智能感知了~~~~

然后再在 Visual Studio 2008 中实现吧

image

从上面的截图中可以看出在 Visual Studio 2008 中完美实现了智能感知咯~~~~

免责声明:文章转载自《jQuery 开发环境搭配(转)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇FastReport快速入门zabbix安装教程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JQuery DataTable的配置项及事件

  当我们需要在加载或者显示表格的时候,改变jquery datatable 的数据,或增加一些html标签处理。 可以通过Jquery DataTable的回调函数处理。 实例代码: if (oTable != null) { oTable.fnDestroy(); }; var detail="../Pages/detail/detail.asp...

移动端-手机端-日历选择控件(支持Zepto和JQuery)

一. 效果图 二. 功能说明   1. 支持切换年份,月份。   2. 支持点击选中日期,也可以点击确定选择日期。 三. 使用方法   1. 添加Input   在你的页面中添加Input输入框。可以再html里,也可以JS动态加载。   我这里使用的时Input-group形式的输入框,是JS加载的。   一般使用的话,直接写个input输入框就行。...

使用jQuery对图片进行居中设置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { height...

利用jquery 实现hover的div显隐

通常要用到jq的时候这两个抓取对象没有父子级关系,但直接用jquery中的hover事件时,当鼠标移出绑定元素就会执行消失动作,因此: var timer=0; $('#sad').hover(function(){ $('#reply').show(); },function(){ timer=setTimeout(functio...

初探jquery之强大丰富的选择器

---恢复内容开始--- 1.基本选择器  常用的有id选择器:#id,   类选择器:.class , 元素选择器。 2.层次选择器 $(ancestor descendant):选取ancestor元素里的所有descendant后代元素。         示例:$("body div"): 改变<body>内所有div元素的背景色 <...

jQuery在线引用地址(全)

1.官网jquery压缩版引用地址:  3.1.1版本:   <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>    3.0.0版本:   <script src="https://code.jquery.com/jquery-3.0.0.m...