廢話不多說，直接上代碼
<!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>
以上這篇jQuery之動畫ajax事件(實例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
