jQuery之動(dòng)畫ajax事件(實(shí)例講解)
更新時(shí)間：2017年07月18日 08:51:38 投稿：jingxian
下面小編就為大家?guī)硪黄猨Query之動(dòng)畫ajax事件(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
廢話不多說，直接上代碼
<!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:當(dāng)前元素（JS原生對(duì)象） $(this)
})
$box.on('click',function(){
console.log(2)
})
$box.on('mouseout',function(){
console.log(3)
})
//工具
//each:jQuery中有兩個(gè)each(也有兩個(gè)map,和each的原理一樣，只是可以支持返回值)
//循環(huán)選擇器獲取到的jQuery集合中的每一項(xiàng)
$('div').each(function(index,value){
})
//循環(huán)數(shù)組、類數(shù)組、對(duì)象中的每一項(xiàng)
$.each([12,23,34],function(index,value){
})
//$.makeArray ===>相當(dāng)于listToArray
//動(dòng)畫
//$('#box').animate({left:xxx,top:xxx,...},duration,"linear/swing",function(){})
//stop:結(jié)束之前正在運(yùn)行的動(dòng)畫，開啟下一個(gè)新的動(dòng)畫(結(jié)束上一個(gè)動(dòng)畫，下一個(gè)動(dòng)畫是緊接著當(dāng)前位置開始運(yùn)動(dòng)的)
//delay:延遲
//finish:結(jié)束上一個(gè)動(dòng)畫并且讓元素快速的到達(dá)目標(biāo)位置，在開始下一個(gè)動(dòng)畫
/*
fadeIn(淡入) fadeOut(淡出) fadeToggle
show hide toggle
slideUp slideDown slideToggle
*/
</script>
</body>
</html>
以上這篇jQuery之動(dòng)畫ajax事件(實(shí)例講解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)分隔條的功能的相關(guān)資料，使用JQuery技術(shù)實(shí)現(xiàn)分隔條的功能，感興趣的小伙伴們可以參考一下2016-06-06
jquery+ajax+C#實(shí)現(xiàn)無刷新操作數(shù)據(jù)庫數(shù)據(jù)的簡單實(shí)例
本篇文章主要是對(duì)jquery+ajax+C#實(shí)現(xiàn)無刷新操作數(shù)據(jù)庫數(shù)據(jù)的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
Jquery中國地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過彈出提示層信息的簡單實(shí)例
本篇文章主要是對(duì)Jquery中國地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過彈出提示層信息的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
Jquery日期選擇datepicker插件用法實(shí)例分析
這篇文章主要介紹了Jquery日期選擇datepicker插件用法,實(shí)例分析了datepicker插件的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06
JQuery選擇器之六 測(cè)試代碼如下2009-07-07
單獨(dú)使用CKFinder選擇圖片的方法，非常不錯(cuò)的效果。2010-08-08
jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
深入學(xué)習(xí)jQuery Validate表單驗(yàn)證（二）
這篇文章主要針對(duì)jQuery Validate表單驗(yàn)證為大家進(jìn)行詳細(xì)介紹，通過name屬性來關(guān)聯(lián)字段來驗(yàn)證，改變默認(rèn)的提示信息，將校驗(yàn)規(guī)則寫到j(luò)s代碼中，感興趣的小伙伴們可以參考一下2016-01-01
jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能完整實(shí)例
這篇文章主要介紹了jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能,以完整實(shí)例形式分析了jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)及頁面元素屬性變換的相關(guān)技巧,需要的朋友可以參考下2015-10-10
淺析ajax請(qǐng)求json數(shù)據(jù)并用js解析(示例分析)
這應(yīng)該是每個(gè)web開發(fā)的人員都應(yīng)該掌握的基礎(chǔ)技術(shù)，需要的朋友可以參考下2013-07-07