从零开始学习jQuery

最新推荐文章于 2025-08-15 22:56:20 发布

原创最新推荐文章于 2025-08-15 22:56:20 发布 · 409 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #脚本 #javascript #documentation #button #function

本文介绍如何在Visual Studio中配置jQuery以实现智能感知，并提供在不同环境下使用不同版本jQuery的方法。涵盖jQuery版本选择、智能感知配置及实际应用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下载jQuery类库

下载地址:

http://docs.jquery.com/Downloading_jQuery

上面的地址是总下载列表, 里面有很多版本和类型的jQuery库, 主要分为如下几类:

1.4.1 (Release Notes)
Minified, Uncompressed
Documentation: Changelog, Visual Studio

Uncompressed:完整的jQuery类库

Minified: 压缩后的jQuery类库, 在正式环境上使用.

Visual Studio: 在Visual Studio中需要引入此版本的jquery类库才能启用智能感知

必须要引用vsdoc版本的jquery库

有了智能感知我们编写javascript变得和C#一样快速,便捷,舒服.大部分情况可以一次编写成功而不用再为了一个大小写而查询javascript帮助文件.能够让Visual Studio对jQuery实现智能感知的前提是要引入vsdoc版本的jQuery类库. 示例中我们引入了"jquery-1.3.2-vsdoc2.js"文件. 如果引用其他版本比如min版本的jQuery类库就无法启用智能提示.但是在正式环境下, 我们必须要使用"min"版本的jquery库文件, 以1.3.2版本号为例,各个版本的大小如下:

其中第一个是未压缩的jquery库. 如果启用gzip压缩并且使用min版本的jquery.js可以在传输过程中压缩到19KB.

注意,如果我们更新了脚本, 可以通过"Ctrl+Shift+J"快捷方式更新Visual Studio的智能感知,或者单击编辑->IntelliSense->更新JScript Intellisense:

为了即能在Visual Studio中增加脚本提示, 又能在上线的时候使用min版本的脚本库, 我们一般是用如下方式引入jQuery库:

2. 控制编译结果

     <script type="text/javascript" src="scripts/jquery-1.2.6.min.js">
  script>    <%if (false)      { %>    ";

4.编写程序

创建一个HTML页面, 引入jQuery类库并且编写如下代码:

 "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http://www.w3.org/1999/xhtml">    Hello World jQuery!        
 
  "divMsg">Hello World!
 
    "btnShow" type="button" value="显示" />    "btnHide" type="button" value="隐藏" />
    "btnChange" type="button" value="修改内容为 Hello World, too!" />