《jquery学习笔记》doc版

《《jquery学习笔记》doc版》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第一章JQuery框架简介1.1JQuery简介1.1.1为什么要学jquery框架Jquery其实就是一个简单的js封装包（里面封装了一个个函数）。JQuery是最火的JavaScript库，已经被集成到VS2010了，得到了MS的支持，MS的Ajaxtoolkit和JQuery结合也是最方便，JQuery的扩展插件也是非常多。1)解决了js用dom操作不同浏览器写法不同的问题。2)简单：用原生javascript要实现一个效果可能要几十几行，甚至几十行代码，jquery可能只要几行就可以实现同样的效果。而且有很多插件可以用，一些复杂的功能和效果都有插件，只要引入再调用一下方法就OK，大

2、大节省了开发时间流行：很多公司或者网站都是用的jquery.1.1.2JQUERY历史jQuery由美国人JohnResig于2006年初创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的JoumlnZaeffere，罗马尼亚的StefanPetre等等。jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可

3、。JS和jQuery的关系，有点像C#和NET框架的关系1.1.1jQuery能做什么JQuery能做的普通的Dom能做，普通Dom能做的JQuery也能做。程序员：简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。用户：改善了页面视觉效果，增强了与页面的交互性，体验更绚丽的网页1.1.4主流的JavaScript框架YUIDojomooToolsPrototypejQueryMore……….1.2JQuery的优势写得少,做得多.优势如下:1）轻量级2）强大的选择器3）出色的DOM操作的封

4、装4)可靠的事件处理机制5)完善的Ajax6)出色的浏览器兼容性7)链式操作方式}链式语法：$("p.surprise").addClass("ohmy").show("slow");}CSS1-3选择器：支持CSS选择器选定DOM对象}跨浏览器：支持InternetExplorer6+、Opera9+、Firefox1.5+、Safari2+}简单：较其它JS库更容易入门，中、英文档很齐全}易扩展：JQUERYUI、JQUERYFX–已经有很完善的基于JQUERY的用户界面库和网页特效1.3初步使用Jquery1.3.1Jquery的下载和安装jQuery下载当前版本1.4.2官方网站下

5、载：http://jquery.com/jQuery安装VS中JavaScript、JQuery的自动完成功能：在VS2010中直接有，VS008需要安装VisualStudio和VS90SP1-KB958502-x86补丁会更强更好用,然后引用jquery-1.4.2.js，jquery-1.4.2-vsdoc.js放到同目录下在页面头部head中，添加js这两个文件有什么区别jquery-1.4.2.js和jquery-1.4.2.min.js两者都可以在开发中

6、都可使用。但min是压缩版：当我们发布应用程序时使用，没什么注释。所以更小另一个有很好的注释。所以更大vsdoc（相当于js库提供的方法的说明库）1.3.2Jquery的初次使用document.ready()和传统的方法相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。ready（）方法可出现多次window.onload=function(

7、){alert("aaaaa");};例子1(显示Hello)$(document).ready(function(){alert("helloworld!");});例子2（操作符）