jQuery插件+AJAX+Bootstrap+HTML5+CSS3两周学习课件.pptVIP

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