二.前言编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式,可以获取几乎任何语意的对象,比如”拥有title属性并且值中包含test的<a>元素”,完成这些工作只需要编写一个jQuery选择器字符串.学习jQuery选择器是学习jQuery最重要的一步.

本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象,你知道Jquery学习可以明显减轻开发人员的工作量.

一.摘要

本文代码下载:

在后续文章中我们将深入学习jQuery选择器, 事件, 工具函数, 动画, 以及插件等.

七.总结本文简单介绍了jQuery, 以及如何搭建脚本开发环境. 示例程序没有复杂的功能,可能还无法让没有接触过jQuery的人认识到它的强大.但是仅凭借”多浏览器支持”这一特性, jquery 教程就足以让我们学习并使用jQuery,因为如今想编写跨浏览器的脚本真的是一件困难的事情!

注意,本文中讲解的脚本智能感知不仅适用于jQuery类库,还适用于自己编写的javascript代码.

/// <reference path=”jquery-1.3.2-vsdoc2.js”/>jquery更新JScript Intellisense, 会发现在脚本中也启用了智能提示:

六.在独立的.JS文件中启用脚本智能感知上面我们解决了在页面中智能感知的问题, 其实在独立的.js文件中我们jquery同样可以启用脚本的智能感知,在IntellisenseDemo.js文件中,添加如下语句:

protectedstringjQueryScriptBlock =@”<script type=”"text/javascript”" src=”"scripts/jquery-1.3.2.min.js”"></script>”;

后台声明变量:

<asp:PlaceHolderVisible=”false”runat=”server”><scripttype=”text/javascript”src=”scripts/jquery-1.3.2-vsdoc2.js”></script></asp:PlaceHolder><%=jQueryScriptBlock%>

2. Jquery学习使用后端变量为了能使用 1.3.2 版本的min库, 我们只能通过将脚本引用放在变量里, 通过页面输出的方式,此种方式可以正常更新JScript Intellisense.但是可能有人和我一样不喜欢在前端使用变量:

我们使用了if(false)听听jquery1.9下载让编译后的页面不包含vsdoc版本jquery库的引用,同样的思路还可以使用比如将脚本引用放入一个PlaceHolder并设置visible=fasle等.

1. 控制编译结果<scripttype=”text/javascript”src=”scripts/jquery-1.2.6.min.js”></script><%if(false) { %> <script type=”text/javascript”src=”scripts/jquery-1.3.2-vsdoc2.js”></script><%}%>对比一下jquery validate这是网上推荐的方式. 编译后的页面上只有min版本的引用,同时在开发时能够享受到智能感知.但是注意这种方式引用的min类库只能是1.2.6或者之前的版本号.最新的1.3.2的所有非vsdoc版本的jquery库引用后都会导致JScriptIntellisense更jquery ui 教程新出错.这是1.3.2版本的一个bug, 期待后续版本中解决.其实大家完全可以使用1.2.6版本的min库, 本教程涉及的jquery功能, 1.2.6版本基本都支持.

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

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

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

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

在使用方法时, 还会有更多的提示:

在编写脚本的时候, 甚至刚刚输入”$”的时候,VS可以智能提示:

<scripttype=”text/javascript”src=”scripts/jquery-1.3.2-vsdoc2.js”></script>

必须要引相比看jquery手册下载用vsdoc版本的jquery库

该补丁会导致VisualStudio在一个JavaScript库被引用时，
安装VS 2008 PatchKB以支持”-vsdoc.js”Intellisense文件.

注意, 通过索引器返回jquery手册下载的不再是jQuery包装集, 而是一个Dom对象!jQuery包装集的某些遍历方法,比如each()中, 可以传递遍历函数, 在遍历函数中的this也是Dom元素,比如:

This function accepts a string containing a CSS selectorwhich is then used to match a set of elements.

$(“:button”)匹配所有文件域查找所有文件域:

上一篇：jquery ui 下载JQuery 插件 ui.datepicker.js 中文日期输入框
下一篇：jquery插件下载 在网页上显示日期和时间插件jquery.timer.js