jQuery从零开始学习.docVIP

本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) AJAX快餐 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (八) 插播:jQuery实施方案 从零开始学习jQuery (九) jQuery工具函数(一) 开天辟地入门篇jQuery是一套Javascript脚本库. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. 库不等于框架, 比如System程序集是类库,而ASP.NET MVC是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事. 脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 创建一个ASP.NET MVC项目时, 会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等.jQuery有如下特点: 1.提供了强大的功能函数使用这些功能函数,2.解决浏览器兼容性问题javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦,?3.实现丰富的UIjQuery可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验.$(#btnShow).bind(click, function(event) { $(#divMsg).show(); });$(#btnHide).bind(click, function(event) { $(#divMsg).hide(); });$(#btnChange).bind(click, function(event) { $(#divMsg).html(Hello World, too!); }); 此示例使用了: (1) jQuery的Id选择器: $(#btnShow) (2) 事件绑定函数 bind() (3) 显示和隐藏函数. show()和hide() (4) 修改元素内部html的函数html() 启用Visual Studio 对jQuery的智能感知安装 VS2008 SP1 下载地址: /en-us/vstudio/cc533448.aspx 安装VS 2008 Patch KB958502以支持-vsdoc.jsIntellisense文件. 该补丁会导致Visual Studio在一个JavaScript库被引用时，查找是否存在一个可选的-vsdoc.js文件，如果存在的话，就用它来驱动JavaScript intellisense引擎。这些加了注释的-vsdoc.js文件可以包含对JavaScript方法提供了帮助文档的XML注释，以及对无法自动推断出的动态JavaScript签名的另外的代码intellisense提示。你可以在这里了解该补丁的详情。你可以在这里免费下载该补丁。必须要引用vsdoc版本的jquery库 script type=text/javascript src=scripts/jquery-1.3.2-vsdoc2.jsscript 在编写脚本的时候, 甚至刚刚输入$的时候,VS可以智能提示: 在使用方法时, 还会有更多的提示: 有了智能感知我们编写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的智能感知,或者单击 编辑-Int