jQuery与json

jQuery之动画

$("#showDiv").show("slow","swing"); $("#showDiv").hide("slow","swing",function(){                   alert("show---");              });              //speed：slow，normal,fast;1000也就是1秒显示              //easing:swing,liner              //fn $("#div1").slowUp("slow");//默认是swing                           $("#Id3").fadeOut();//出去淡出    //滑动的效果就像滑冰，上下滑动显示嘛                  //$().slideDown("slow")                           $("#Id3").fadeIn("show");//进来，也就是显示   一种切换效果 $("#showDiv").toggle("slow");              //滑动的方式              //$("#showDiv").slideToggle("show");表示滑动切换，                           $("#Id3").fadeToggle();//切换样式的淡入淡出

 

定时器

startID=setInterval(function(){                        index=Math.floor(Math.random()*7);                       $("#img1ID").prop("src",imgs[index]);                       console.log(index);                  },   //这是函数体 20); clearInterval(startID);//清除定时器

 

Ajax

 

function fun(){     /* $代表jQuery */          $.ajax({              //键值对 的结构              url:"ajaxServlet",              type:"post",              //data:"username=jack&age=23",              data:{"username":"jack","age":23},              //接收服务器的返回值              success:function(data){                  alert(data);              },              error:function(){                               },              dataType:"text"//设置接收到的响应数据的格式，也就是返回的                       });          //获取请求          //$.get(url,[data],[callback],[type]);          $.get("url",{username:"rose"},function(data){              //这是一个回调函数              alert(data);          },"text");                   //发送一个post请求          $.post("url",{username:"rose"},function(data){              //这是一个回调函数              alert(data);          },"text");     }

 

Js与json

var p={"name":"张三","age":22,"gender":"男"};           for(var key in p){          //key=="name"。即为字符串              console.log(key+""+p[key]);          }          var ps2=[          {"name":"张三","age":22,"gender":"男"},          {"name":"张三","age":22,"gender":"男"},          {"name":"张三","age":22,"gender":"男"}          ];                   //数组遍历加上对象遍历         for(var i=0;i<ps2.length;i++){              var p=ps2[i];              for(var key in p){                   console.log(key+""+p[key]);              }          }

 

Jq与json

var p={"name":"张三","age":22,"gender":"男"};          var pjq=$(p);           console.log(pjq);           for(var i=0;i<pjq.length;i++){              console.log(pjq[i].name+""+pjq[i].age+""+pjq[i].gender);           }

 

var ps2=[          {"name":"张三","age":21,"gender":"男"},          {"name":"张三","age":22,"gender":"男"},          {"name":"张三","age":23,"gender":"男"}          ];                   var pjq=$(ps2);          /* for(var i=0;i<pjq.length;i++){              console.log(pjq[i].name+""+pjq[i].age+""+pjq[i].gender);           }  */      $.each(pjq,function(index,data){         console.log(index+""+data.name+""+data.age+""+data.gender);      });