1.显示与隐藏
js: document.getElementById("p1").sytle.display="block";
document.getElementById("p1").style.display="none";
jQuery:
show()和hide()
hide() $("#p1").css("display":"none");
show() $("#p1").css("display":"block");
2.动画效果:
hide(speed,[callback]) speed:slow normal fast
show(speed,[callback])
toggle
toggle()
toggle(swith) swith:true false
toggle(speed,[callback])
slideDown()和slideUp()
slideDown(speed,[callback])
slideUp(speed,[callback])
slideToggle(speed,[callback])
fadeIn()和fadeOut()
fadeIn(speed,[callback])
fadeOut(speed,[callback])
fadeTo(speed,opacity,[callback]) 指定透明度的值
animate()
animate(params,[duration],[easing],[callback]) params:制作动画效果的属性样式和值的集合 duration:slow normal fast easing:动画插件使用 通常有linear和swing字符
stop([clearQueue],[gotoEnd])停止所选元素中正在执行的动画 clearQueue 布尔 是否停止所选元素中正在执行的动画 gotoEnd 布尔 是否立即完成正在执行的动画
delay(duration,[queueName])
3.加载异步数据
load(url,[data(key/value)],[callback])
getJSON() 用于调用JSON格式的数据
$.getJSON(rul,[data],[callback])
$.getJSON("xx.json",function(data){
$("#divTip").empty();
var strHTML="";
$.each(data,function(InfoIndex,Info){
strHTML += "name" + Info["name"] + "<br>";
strHTML += "sex" + Info["sex"] + "<br>";
})
$("#divTip").html(strHTML);
})
$.getScript(url,[callback])
$.get(url,[data],[callback],[type])
$.get(url,[data],[callback],[type])向服务器请求数据
$.post(url,[data],[callback],[type])向服务器请求数据
get方式不适合传递数据量较大的数据,同时,其请求的历史信息会保存在浏览器的缓存中,有一定的安全风险。
serialize()序列化表单
$.ajax([options])
今天上午打了两个例子,对于先接触easyui的我来说,jQuery太过繁琐,所以这样才有easyui的出现吧。毕竟直接用别人封装好的用起来比较方便~总觉得下午的状态不太好,看不进去,迷迷糊糊的看,看的也是懵懵懂懂...这周打算把jQuery看完,然后还在想接下来看什么 easyui的基础已经了解了差不多,不过像树什么的还没有接触,觉得到时候查手册就可以,要不开始看angularjs?还是看restful???
js: document.getElementById("p1").sytle.display="block";
document.getElementById("p1").style.display="none";
jQuery:
show()和hide()
hide() $("#p1").css("display":"none");
show() $("#p1").css("display":"block");
2.动画效果:
hide(speed,[callback]) speed:slow normal fast
show(speed,[callback])
toggle
toggle()
toggle(swith) swith:true false
toggle(speed,[callback])
slideDown()和slideUp()
slideDown(speed,[callback])
slideUp(speed,[callback])
slideToggle(speed,[callback])
fadeIn()和fadeOut()
fadeIn(speed,[callback])
fadeOut(speed,[callback])
fadeTo(speed,opacity,[callback]) 指定透明度的值
animate()
animate(params,[duration],[easing],[callback]) params:制作动画效果的属性样式和值的集合 duration:slow normal fast easing:动画插件使用 通常有linear和swing字符
stop([clearQueue],[gotoEnd])停止所选元素中正在执行的动画 clearQueue 布尔 是否停止所选元素中正在执行的动画 gotoEnd 布尔 是否立即完成正在执行的动画
delay(duration,[queueName])
3.加载异步数据
load(url,[data(key/value)],[callback])
getJSON() 用于调用JSON格式的数据
$.getJSON(rul,[data],[callback])
$.getJSON("xx.json",function(data){
$("#divTip").empty();
var strHTML="";
$.each(data,function(InfoIndex,Info){
strHTML += "name" + Info["name"] + "<br>";
strHTML += "sex" + Info["sex"] + "<br>";
})
$("#divTip").html(strHTML);
})
$.getScript(url,[callback])
$.get(url,[data],[callback],[type])
$.get(url,[data],[callback],[type])向服务器请求数据
$.post(url,[data],[callback],[type])向服务器请求数据
get方式不适合传递数据量较大的数据,同时,其请求的历史信息会保存在浏览器的缓存中,有一定的安全风险。
serialize()序列化表单
$.ajax([options])
今天上午打了两个例子,对于先接触easyui的我来说,jQuery太过繁琐,所以这样才有easyui的出现吧。毕竟直接用别人封装好的用起来比较方便~总觉得下午的状态不太好,看不进去,迷迷糊糊的看,看的也是懵懵懂懂...这周打算把jQuery看完,然后还在想接下来看什么 easyui的基础已经了解了差不多,不过像树什么的还没有接触,觉得到时候查手册就可以,要不开始看angularjs?还是看restful???