jquery前端基础知识.doc

Jquery前端培训材料 Jquery介绍 1.1简介 Jquery是一款革命性的JavaScript库，秉承着“以用为本”的设计理念。倡导“写更少的代码，做更多的事”（write less,do more），极大的提升了JavaScript开发体验。 jquery的核心特性可以总结为: 口兼容主流浏览器.支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+代码如下:(function (window, undefined) {??????????? //构建jQuery对象??????????? var document = window.document,??????????????? navigator = window.navigator,??????????????? location = window.location;??????????? var jQuery = (function () {??????????????? var jQuery = function (selector, context) {??????????????????? return new jQuery.fn.init(selector, context, rootjQuery);??????????????? },??????????????? _jQuery = window.jQuery;??????????????? //............................??????????????? //............................????????????????????????????????? return jQuery; //981行??????????? })();??????????? //工具方法:Utilities;??????????? //回调函数列表 Callbacks??????????? //异步队列 Deferred??????????? //浏览器功能测试 Support??????????? //数据缓存? Cache??????????? //属性操作? Attributes??????????? //队列 Queue??????????? //事件系统 Event??????????? //选择器 Sizzle??????????? //Dom遍历 Traversing??????????? //Dom操作 Manipulation??????????? //样式操作 CSS??????????? //异步请求 Ajax??????????? //动画 Effects??????????? //坐标 Offset. 尺寸Dimensions??????????? window.jQuery = window.$ = jQuery;??????? })(window); 核心模块 2.1 jquery对象 从上面的代码中可以看出，jquery的所有代码都被包裹在一个立即执行的匿名表达式中，这种代码结构称为“自调用匿名函数”。当浏览器加载完jquery文件后，自调用匿名函数会立即开始执行，初始化jquery的各个模块。代码如下所示： 代码如下:(function (window, undefined) {??????????? //构建jQuery对象??????????? var jQuery = ??????????? window.jQuery = window.$ = jQuery;??????? })(window); Jquery对象是一个类数组对象，含有连续的整型属性 length属性和大量的jquery方法。 Jquery对象由构造函数jquery()创建，$()是jquery()的缩写。 2.2构造函数jquery() 如果调用构造函数jquery()时传入的参数不同，创建jquery对象的逻辑也会不同。构造函数jquery()有7种用法，如图所示 Jquery构造方法代码： 代码如下: 方法 5.3 ajax使用例子 页面代码： input type=text name=useNmae id=useNmae value=brbr input type=text name=usePwd id=usePwd value=brbr input type=button value=获取数据 class=ajaxBtn onclick=btn_click() / 脚本代码： script type