2021.7.6今日小结
今天学习了jQuery事件处理
1、指定事件处理函数
$("选择器").事件名(function(形参){
//函数体
})
2、绑定事件处理方法
（1）bind（）方法
bind(事件类型,[可以选参数，] function)
（2）delegate（）方法
$(选择器).delegate(指定事件的子元素选择器，事件类型，事件处理函数）
jQuery动画特效
1、显示与隐藏
$("选择器").hide(所以用时间，回调函数）
$("选择器").show(所以用时间，回调函数）
2、淡入淡出
$(selector).fadeIn(所以用时间，回调函数）
$(selector).fadeOut(所以用时间，回调函数）
$(selector).fadeToggle(所以用时间，回调函数）
$(selector).fadeTo(所以用时间，回调函数）
3、向上或向下滑动
$(selector).slideUp(所以用时间，回调函数）
$(selector).slideDown(所以用时间，回调函数）
$(selector).slideToggle(所以用时间，回调函数）
自定义动画
animate（一个包含样式属性及值的映射,速度定义参数，回调函数）
1、简单动画
$("#box").click(function(){
$(this).animate({left:"100px"},1000)
}）
2、累加或累减动画
$("#box").click(function(){
$(this).animate({left:"+=100px"},1000)
}）
同理，累减-=
3、多重动画
$("#box").click(function(){
$(this).animate({left:"+=100px,
height:"20px",
opacity:"0.5"},1000）
}）
4、动画列表
$("#box").click(function(){
$(this).animate({left:"+=100px"},1000)
.animate({height:"+=20px"},1000)
.animate({opacity:"-=0.2"},1000,function(){
$(this).css("background","blue")
})
停止动画
stop(false,false)
stop(true,false)
stop(false,true)
stop(true,true)
判断元素是否处于动画状态
if(!$(element).is(":animated"){
//如果当前没有进行动画，则添加新动画
}
Ajax优点：
无刷新更新数据。
异步与服务器通信。
前端和后端负载平衡。
基于标准被广泛支持。
界面与应用分离。
Ajax缺点：
Ajax对浏览器机制有一些破坏。
Ajax的安全问题。
对搜索引擎的支持较弱。
违背URL和资源定位的初衷。
肥客户端。
XMLHttpRequest对象的常用属性和事件
1.readyState属性
2.responseText属性
3.responseXML属性
4.status属性
5.statusText属性
6.onreadystatechange事件
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
var message=xmlhttp.responseText;}}}
XMLHttpRequest对象的常用方法
1、open（）方法
open（“请求类型”，“请求地址”，“请求方式默认（true）”）
2、send(）方法
3、abort（）方法
4、setRequestHeader（）方法
5、getResponseHeader（）方法
Ajax数据的发送与请求
Ajax请求
get请求
post请求
jQuery实现Ajax
$.ajax()方法
url ; type ; data ; dataType ; async ; success ; error;
$.get()方法
$.get(url,callback);
$.post()方法
$.post(url,data,callback);
