jQuery学习演示文稿.pptVIP

您的潜力 我们的动力！ 内容：掌握jQuery编程思想，使用jQuery进行常见网页效果开发。 目标：能够使用jQuery开发常见网页效果。 参考书：《锋利的jQuery》 普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、jQuery等，这些库对JavaScript进行了封装，简化了开发。 jQuery库是对JavaScript的封装，也就是咱们调用jQuery的一句函数，jQuery内部这句函数帮我们调用JavaScript中的代码几十句，因为jQuery就是JavaScript语法写的一些函数类，内部仍然是调用JavaScript实现的，所以并不是代替JavaScript的。使用jQuery的代码、编写jQuery的扩展插件等仍然需要JavaScript的技术，jQuery本身就是一堆JavaScript函数。 jQuery是最火的JavaScript库，已经被集成到VS2010了，得到了MS的支持，MS的Ajax toolkit和jQuery结合也是最方便，jQuery的扩展插件也是非常多。 jQuery能做的普通的Dom能做，普通Dom能做的 jQuery也能做。 jQuery能更大程度上的减轻我们的JavaScript开发复杂度 jQuery的优点：尺寸小、使用简单方便（Write Less, Do More，吃得少 干得多。链式编程（$(#div1).click().mouseout().mousein()）、隐式迭 代（自动对于多个元素进行迭代方法调用））、屏蔽浏览器差异跨浏览 器兼容性好（IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome）、插件丰富、开源、免费。 VS中Javascript和jQuery的自动完成功能（智能识别功能），在VS2008中需要自己安装VS90SP1-K958502-x86补丁，然后应用jQuery-1.4.1.js(或者下载现在更新的版本)。而在VS2010中直接可以。 在VS2010中的具体操作如下： 文件--新建--项目，选择web应用程序 或者直接建立asp.net网站，自己将jQuery-1.4.1.js的库加进去就可以 .js文件：是最基本的全部源代码使用库； .min.js文件：是压缩过的源代码库，能短则短，可以减少空间，加快运行速度；（大型网站需要） vsdoc.js文件：第三方的库，符合微软规范，VS运行时，智能识别，更方便在VS中编写jQuery代码。 vsdoc是vs2008sp1以后增加的一个技术，将js文件对应的vsdoc（相当于js库提供的方法的说明库）放到和js一起，就有会这个第三方js的自动提示的功能。 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。 基础语法是：$(selector).action() ?美元符号定义 jQuery ?选择符（selector）“查询”和“查找” HTML 元素 ?jQuery 的 action() 执行对元素的操作 文档就绪函数document ready 函数 – 不再使用window.onload或者body.onload $(document).ready(function() { l alert(加载完毕！); l });//注册事件的函数，和普通的dom不一样，不需要在元素上标记on**这样的事件。 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。 如果在文档没有完全加载之前就运行函数，操作可能失败。 当页面Dom元素加载完毕时执行代码，可以简写为： $(function() { alert(加载完毕！); }); 和onload类似，但是onload只能注册一次(window.onload=function...)（没有C#中的+=机制），后注册的取代先注册的，而ready则可以多次注册都会被执行。 jQuery 语法实例 $(this).hide() jQuery hide() 函数，隐藏当前的 HTML 元素。 $(#test).hide() jQuery hide() 函数，隐藏 id=test 的元素。 $(p).hide() jQuery hide() 函数，隐藏所有 p 元素。 $(.test).hide() jQuery hide() 函数，隐藏所有 class=test 的元素。 在前面的例子中，我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应