jQuery插件 AJAX Bootstrap HTML5 CSS3两周学习总结解析ppt课件.ppt

三四周学习总结马巧巧学习内容:jQuery插件AJAXBootstrapHTML5CSS3总结jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。(jQuery的全局函数就是属于jQuery命名空间的函数。)例:({  = function() {   alert('This is a test. This is only a test.');  };   = function(param) {   alert('This function takes a parameter, which is "' + param + '".');  };  });调用时: ();();或者$.foo();$.bar('bar');jQuery插件的开发包括两种:,即给jQuery对象添加方法例:形式1: (function($){ $.({ pluginName:function(opt,callback){ //代码; } }) })(jQuery); 形式2: (function($){ $.=function(){ //代码; }; })(jQuery);析:上面定义了一个jQuery函数,形参是$,函数定义完成之后,。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,:(不详细介绍)匿名函数将函数转换为表达式的方法: 分组操作符(),void操作符,~操作符,!操作符... 例:(function($){ //dosomething; })(jQuery);给插件默认参数,实现插件的功能注:当使用returnjQuery对象时,才能使用链式调用暴露公共方法,给别人扩展你的插件(如果有需求的话)插件私有方法返回首页AJAX(异步交互的方式):概述:通过HTTP请求加载远程数据。jQuery底层AJAX实现。简单易用的高层实现用$.get,$.post等。$.ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax()可以不带任何参数直接使用。注:所有的选项都可以通过$.ajaxSetup()函数来全局设置。语法: (url,[settings]) 返回值:XMLHttpRequest析:url:一个用来包含发送请求的URL字符串。 settings:AJAX请求设置。所有选项都是可选的。AJAX(异步交互的方式):setting选项:(只介绍个别常用的)async—(默认:true)默认设置下,所有请求均为异步请求。cache—(默认:true,dataType为script和jsonp时默认为false),设置为false将不缓存此页面。type—(默认:"GET")请求方式("POST"或"GET")url—(默认:当前页地址)发送请求的地址。data—发送到服务器的数据dataType—预期服务器返回的数据类型error—(默认:自动判断(xml或html))请求失败时调用此函数。有以下三个参数:XMLHttpRequest对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout","error","notmodified"和"parsererror"。processData—(默认:true)默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型"application/x-ded"。如果要发送DOM树信息或其它不希望转换的信息,请设置为false。ess(data,textStatus,jqXHR)—请求成功后的回调函数。不详细介绍以下:acceptsbeforeSend(plete(XHR,TS)contentscontentTypecontextconverterscrossDomaindataFilterglobalheadersifModifiedisLocaljsonpjsonpCallbackmimeTypepasswordscriptCharsetstatusCodetraditionaltimeoutusernamexhrxhrFieldsAJAX