JQuery整理笔记.doc

JQuery笔记
1.阻止事件冒泡
$("#s").bind("click",function(event){
event.stopPropageation();
})2.阻止默认行为
#("#s").bind("click",function(){
event.preventDefault();
})3.事件对象（event）的属性
event.type():可以获取到事件的类型。
event.preventDefault():阻止默认事件。
event.stopPropagation():阻止事件的冒泡。
event.target():获取到触发事件的元素。
event.relatedTarget():对mouseover(),mouseout()的封装，使之兼容各种浏览器。
event.pageX()/event.pageY():获取到光标相对于页面的X坐标和Y坐标。
event.whick():鼠标单击事件中，获取鼠标的左、中、右键，在键盘中获取键盘按键。
event.metaKey():在键盘事件中获取取<ctrl>键。
event.originalEvent():指向原始的事件对象。4.动画方法
方法名说明hide()和show()同时修改多个样式属性即高度、宽度和不透明度fadeIn()和fadeout()只改变不透明度slideUp()和slideDown()只改变高度fadeTo()只改变不透明度toggle()用来代替hide()方法和show()方法，所以会同时修改多个样式属性，即高度、宽度和不透明度slideToggle()用来代替slideUP()和slideDown()方法，所以只改变高度animate()属于自定义动画的方法，以上各种动画方法实质内部都调用了animate()方法。此外，直接使用animate()方法还能自定义其他的样式属性，便如：“left”、“marginLeft”、“scrollTop”等5.jQuery中的Ajax
5.1load()方法
Load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入DOM中。它的结构为：
Load(url[,data][,callback])Load()方法参数解释
参数名称类型说明urlString请求HTML页面的URL地址data(可选)Object发送至服务器的key/value数据callback(可选)Function请求完成时的回调函数，无论请求成功或失败回调函数
$("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
responseText;//请求返回的内容
textStatus:请求状态：success/error/notmodified/timeout
XMLHttpRequestXMLHttpRequest对象
})5.2$.get()方法
$.get()方法使用GET方式来进行异步请求。它的结构为：
$.get(url[,data][,callback][,type])$.get()方法参数解释
参数名类型说明urlString请求的HTML面的URL地址data(可选)Object发送到服务器的key/value数据会作为QueryString附加到请求URL中Callback(可选)Function载入成功时回调函数(只有当Response的返回状态是success才调用该方法)自动将请求结果和状态传递给该方法type(可选)String服务器端返回内容的格式，包含xml/html/script/json/text/default5.3$.post()方法
基本与$.get()方法相同，用法可以参照$.get()方法，建议使用$.post()方法。
5.4$.ajax()方法
$.ajax()方法是jQuery最底层的Ajax实现.它的结构为:
$.ajax(options); 该方法只有1个参数，但在这个对象里包含了$.ajax()方法所需要的请求设置以及回调函数等信息，参数以key/value的形式存在，所有参数都是可选的。
$.ajax（）方法常用参数解释
参数名称类型说明urlString(默认为当前面地址)发送请求的地址typeString请求方式(POST或GET)默认为GET。注意其他HTTP请求方法，例如PUT和DELETE也可以使用，但仅部分浏览器支持timeoutNumber设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置dataObject或String发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。GE