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);

     });