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？？？