jQuery权威指南_学习笔记_2
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:slownormalfast
show(speed,[callback])
toggle
toggle()
toggle(swith)swith:truefalse
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:slownormalfasteasing:动画插件使用通常有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();
varstrHTML="";
$.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???