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原生對象） $(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ù)組、對象中的每一項(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)文章
根據(jù)Bootstrap Paginator改寫的js分頁插件
本文主要對根據(jù)Bootstrap Paginator改寫的js插件進(jìn)行詳細(xì)介紹，具有很好的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時(shí)，當(dāng)碰上網(wǎng)速較慢時(shí)，而我們又設(shè)置了timeout時(shí)我們的頁面會死在這里，怎么回事呢，下面腳本之家小編給大家解答下2016-10-10
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建RSS Feed閱讀器
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，我們將通過 jQuery EasyUI框架創(chuàng)建一個(gè)RSS閱讀器，感興趣的小伙伴們可以參考一下2015-11-11
jQuery實(shí)現(xiàn)向下滑出的平滑下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)向下滑出的平滑下拉菜單效果的方法,涉及jquery鼠標(biāo)事件及頁面元素樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
Jquery操作Select 簡單方便 一個(gè)js插件搞定
Jquery其實(shí)本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會，發(fā)現(xiàn)了一個(gè)不錯(cuò)的專門操作select的插件，很好，使用過了，感覺蠻不錯(cuò)的。2009-11-11
本文主要介紹了無法獲取隱藏元素（display:none）寬度(width)和高度(height)的解決方案，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
jQuery UI Grid 模態(tài)框中的表格實(shí)例代碼
這篇文章主要介紹了jQuery UI Grid 模態(tài)框中的表格實(shí)例代碼講解，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04
關(guān)于hashchangebroker和statehashable的補(bǔ)充文檔
我覺得之前寫的兩篇隨筆有點(diǎn)不負(fù)責(zé)任，完全沒寫明白，補(bǔ)充了一份文檔（權(quán)且算是文檔吧=.=）2011-08-08
ASP.NET jQuery 實(shí)例1(在TextBox里面創(chuàng)建一個(gè)默認(rèn)提示)
通常用戶在搜索內(nèi)容時(shí)，在文本框輸入內(nèi)容前，文本框都會給出默認(rèn)提示，提示用戶輸入正確的內(nèi)容進(jìn)行搜索2012-01-01
jQuery下擴(kuò)展插件和拓展函數(shù)的寫法（匿名函數(shù)使用的典型例子）
這些年，javascript火起來了，主要?dú)w功于AJAX的推廣應(yīng)用，Web2.0的發(fā)展。。。于是，出現(xiàn)了很多的javascript框架。2010-10-10