JQuery常用函数(2)--操作对象以及AJAX

AJAX请求

//参数1:：请求url     参数2：查询字符串    参数3：回调时的处理函数
//注意！：参数2也可以放一个对象或json
//注意！：这个参数data,就是ajax请求响应的数据
$.get("getPageModel.action","id=1&name=zl",function(data){
     alert(data);
});
//PS:$.post用法一样区别在于请求方式

处理对象

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/>");
});

显示和隐藏效果

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);	//逐渐放下来
			})
		});