標籤：ini lin cti animate near 運動 duration .ajax rand
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //ajax $.ajax({ url:‘json/test.txt?_=‘+Math.random(), type:"get", dataType:‘json‘,//"text"、"html"、"jsonp" success:function(data){ } }) //事件 var $box = $("#box") $box.on(‘click‘,function(){ console.log(1)//this:當前元素（JS原生對象） $(this) }) $box.on(‘click‘,function(){ console.log(2) }) $box.on(‘mouseout‘,function(){ console.log(3) }) //工具 //each:jQuery中有兩個each(也有兩個map,和each的原理一樣，只是可以支援傳回值) //迴圈選取器擷取到的jQuery集合中的每一項 $(‘div‘).each(function(index,value){ }) //迴圈數組、類數組、對象中的每一項 $.each([12,23,34],function(index,value){ }) //$.makeArray ===>相當於listToArray //動畫 //$(‘#box‘).animate({left:xxx,top:xxx,...},duration,"linear/swing",function(){}) //stop:結束之前正在啟動並執行動畫，開啟下一個新的動畫(結束上一個動畫，下一個動畫是緊接著當前位置開始運動的) //delay:延遲 //finish:結束上一個動畫並且讓元素快速的到達目標位置，在開始下一個動畫 /* fadeIn(淡入) fadeOut(淡出) fadeToggle show hide toggle slideUp slideDown slideToggle */ </script></body></html>
js學習總結----jQuery之動畫 ajax 事件
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
