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

三四周学习总结
马巧巧
学习内容:
jQuery插件
AJAX
Bootstrap
HTML5
CSS3
总结
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插件的开发包括两种:
2. 另一种是对象级别的插件开发,即给jQuery对象添加方法
例:形式1:
(function($){
$.({
pluginName:function(opt,callback){
//代码;
}
})
})(jQuery);
形式2:
(function($) {
$. = function() {
//代码;
};
})(jQuery);
析:上面定义了一个jQuery函数,形参是$,函数定义完成之后,。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.
其他与插件相关内容:(不详细介绍)
匿名函数
将函数转换为表达式的方法:
分组操作符(),void操作符,~操作符,!操作符...
例:(function($){
//do something;
})(jQuery);
给插件默认参数,实现插件的功能
注:当使用return jQuery对象时,才能使用链式调用
暴露公共方法,给别人扩展你的插件(如果有需求的话)
插件私有方法
返回首页
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) jQuery 新功能,设置为 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) —请求成功后的回调函数。
不详细介绍以下:
accepts
beforeSend(XHR)
complete(XHR, TS)
contents
contentT