[b]AJAX请求[/b]
[b]处理对象[/b]
[b]显示和隐藏效果[/b]
//参数1::请求url 参数2:查询字符串 参数3:回调时的处理函数
//注意!:参数2也可以放一个对象或json
//注意!:这个参数data,就是ajax请求响应的数据
$.get("getPageModel.action","id=1&name=zl",function(data){
alert(data);
});
//PS:$.post用法一样区别在于请求方式
[b]处理对象[/b]
1: //处理list和数组
var array = ["11","22","33","44","55"]; //定义数组
//参数一:数组 参数二:对数组的操作方法
$.each( array, function(num,value){
//document.write(text); 在页面上输出text为内容,可以为标记 如"<hr/>"
//num:下标(会自动生成-从0开始)
//value:遍历的数组的值
document.write("序号"+num+"-值"+value+"<br/>");
})
2: //处理map集合和对象
var o = {one:1,two:2,three:3,four:4,five:5}; //创建对象或Map-用{}
//参数一:数组 参数二:对数组的操作方法
$.each(o, function(property,value){
//property为key value为值
document.write("属性"+property+"-值"+value+"<br/>");
});
[b]显示和隐藏效果[/b]
1: //标记的 显示-show() 隐藏-hide()
$(function(){ //绑定 事件
$("button:eq(0)").bind("click",function(){
$("p").hide(); //隐藏
})
$("button:eq(1)").bind("click",function(){
$("p").show(); //显示
})
});
2: //标记的 收起-show(time) 展开-hide(time) //time为毫秒 3000为 3秒
$(function(){ //绑定 事件
$("button:eq(0)").bind("click",function(){
$("p").hide(3000); //逐渐收起
})
$("button:eq(1)").bind("click",function(){
$("p").show(3000); //逐渐展开
})
});
3: //原地的 逐渐直接显示-fadeIn(time) 逐渐直接隐藏-fadeOut(time) //time为毫秒 3000为 3秒
$(function(){ //绑定 事件
$("button:eq(0)").bind("click",function(){
$("div").fadeOut(3000); //逐渐隐藏
})
$("button:eq(1)").bind("click",function(){
$("div").fadeIn(3000); //逐渐显示
})
});
4: //拉窗帘效果 逐渐拉上去-slideUp(time) 逐渐放下来slideDown(time) //time为毫秒 3000为 3秒
$(function(){ //绑定 事件
$("button:eq(0)").bind("click",function(){
$("img").slideUp(3000); //逐渐拉上去
})
$("button:eq(1)").bind("click",function(){
$("img").slideDown(3000); //逐渐放下来
})
});