你的位置:首页 > Java教程

[Java教程]jQuery基础_4


dom对象就是jquery对象的数组组成部分
jquery对象和dom对象的转化
jquery对象-->dom对象
$()[下标]
dom对象-->jquery对象
$(dom对象)

jquery框架对象分析
jquery框架对象类型:jquery对象和$对象
①jquery对象(普通对象):就是各种选择器创建出来的对象$("div") $(".class") $(#id)
②$对象就是"函数对象" $.get()

jquery对象可以调用的成员共分为三类:init()/fn()/fn.extend()
其中fn.extend()复制继承占多数

$对象也可以称为jQuery对象
$对象-->函数对象
该$对象可以调用的成员都是extend复制继承过来的
$.get() $.post() $.ajax()

jquery加载事件是对DOMContentLoaded的封装(非onload)
document.addEventListener("DOMContentLoaded",function(){
alert("123");
});


jquery封装的ajax
具体操作:
$.get(url,[data],[function(msg){}回调函数],[dataType]);
data:给服务器传递的数据,请求字符串、json对象都可以设置
function(msg){}:回调函数,ajax请求完成后调用该函数,可以在此函数完成ajax后续处理,msg泛指从服务器传递回来的信息
dataType:服务器返回数据类型:html、text、


$.post(url,[data],[function(msg){}回调函数],[dataType]);
该方法与$.get()方法使用完全一致,不同的是其为post方式请求,给服务器传递数据的时候,不需要设置header头
(以上两种ajax请求都是异步的,如果需要设置同步请求,就换其他方法)

$.ajax({ //json对象
url:请求地址
[data]:给服务器传递的数据(请求字符串/json对象)
[dataType]:默认字符串返回信息,数据从服务器返回格式html、text、 [type]:get/post请求方式
[success]:function(msg){} ajax成功请求后的回调函数,可以做后续处理使用,msg泛指服务器返回来的信息
async:true异步/false同步
cache:true缓存/不缓存
})