-
回調(diào)函數(shù)中傳入的兩個(gè)參數(shù)，如果遍歷的是數(shù)組，第一個(gè)參數(shù)是索引值，第二個(gè)參數(shù)是數(shù)組的值；如果遍歷是對(duì)象，第一個(gè)參數(shù)是屬性，第二個(gè)參數(shù)是屬性值。
查看全部 -
// ? ? 顯示隱藏 ? ? ? ? ? .hide()+.show() = .toggle()
// ? ? 下拉上卷 ? ? ? ? ? .slideUp()+.slideDown() = .slideToggle()
// ? ? 淡入淡出 ? ? ? ? ? .fadeOut()+.fadeIn() = .fadeToggle()查看全部 -
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title></title> ????<style> ????*{ ????????font-family:"微軟雅黑"; ????} ???? ????.left?.a1-box{ ????????width:?300px; ????????padding:?5px; ????????margin:?5px; ????????background:?#fff; ????????border:1px?solid?#ededed; ????????box-shadow:1px?10px?20px?#eee; ????} ???? ????.left?.a1-box?button{ ????????border:none; ????????background:none; ????????outline:none; ????????width:100%; ????????text-align:left; ????????color:#999; ????????cursor:pointer; ????} ???? ????.left?.a1-box?button?b{ ????????width:16px; ????????height:16px; ????????background:#c9394a; ????????color:#fff; ????????display:inline-block; ????????text-align:center; ????????line-height:16px; ????????margin-right:10px; ????} ???? ????.left?.a1-box?#a1{ ????????padding:10px; ????????font-size:14px; ????????color:#666; ????????display:none; ????} ????</style> ????<script?src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> ????<h4>任務(wù)</h4> ????<div?class="left"> ????????<div?class="a1-box"> ????????????<button><b>?</b>不會(huì)了怎么辦</button> ????????????<div?id="a1">slideDown與slideUp是一對(duì)相反的方法。需要對(duì)元素進(jìn)行上下拉卷效果的切換，jQuery提供了一個(gè)便捷方法slideToggle用滑動(dòng)動(dòng)畫(huà)顯示或隱藏一個(gè)匹配元素</div> ????????</div> ????</div> ????<script?type="text/javascript"> ????????$("button").click(function(){ ????????????$("#a1").stop().slideToggle(500) ????????}); ????</script> </body> </html>查看全部 -
https://libs.baidu.com/jquery/1.9.1/jquery.js
查看全部 -
第二個(gè)參數(shù)是什么意思？查看全部 -
animate():
如果多個(gè)元素執(zhí)行動(dòng)畫(huà)，回調(diào)將在每個(gè)匹配的元素執(zhí)行一次。
查看全部 -
get方法是獲取dom對(duì)象，eq方法是獲取jq對(duì)象;
get方法是獲取dom對(duì)象，也就是通過(guò)document.getElementById（）；
查看全部 -
width: "toggle" //設(shè)置為左右隱藏
height:"toggle" //設(shè)置為上下滑動(dòng)隱藏
opacity:"toggle" //設(shè)置為淡出淡入隱藏 ?opacity是透明度時(shí)間: 2017-06-26?3
查看全部 -
duration 可選/String/Number類(lèi)型指定過(guò)渡動(dòng)畫(huà)運(yùn)行多長(zhǎng)時(shí)間(毫秒數(shù))，默認(rèn)值為400。該參數(shù)也可以為字符串"fast"(=200)或"slow"(=600)。
complete:元素隱藏完畢后需要執(zhí)行的函數(shù)。函數(shù)內(nèi)的this指向當(dāng)前DOM元素。查看全部 -
.index()
.index( selector )
.index( element )查看全部 -
.get( [index ] )
注意2點(diǎn)
get方法是獲取的dom對(duì)象，也就是通過(guò)document.getElementById獲取的對(duì)象
get方法是從0開(kāi)始索引
所以第二個(gè)a元素的查找： $(a).get(1)
負(fù)索引值參數(shù)
get方法還可以從后往前索引，傳遞一個(gè)負(fù)索引值，注意的負(fù)值的索引起始值是-1
同樣是找到第二元素，可以傳遞?$(a).get(-2)?
查看全部 -
jQuery.inArray( value, array ,[ fromIndex ] )
用法非常簡(jiǎn)單，傳遞一個(gè)檢測(cè)的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過(guò)fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開(kāi)始
例如：在數(shù)組中查找值是5的索引
$.inArray(5,[1,2,3,4,5,6,7]) //返回對(duì)應(yīng)的索引：4
查看全部 -
jQuery.each(array, callback )
jQuery.each( object, callback )第一個(gè)參數(shù)傳遞的就是一個(gè)對(duì)象或者數(shù)組，第二個(gè)是回調(diào)函數(shù)
$.each(["Aaron", "慕課網(wǎng)"], function(index, value) {
? //index是索引,也就是數(shù)組的索引
? //value就是數(shù)組中的值了
});查看全部 -
$("#aaron").animate({
? ?height: 300
}, 5000)
$("#aaron").animate({
? ?width: 300
}, 5000)
$("#aaron").animate({
? ?opacity: 0.6
}, 2000)stop()：只會(huì)停止第一個(gè)動(dòng)畫(huà)，第二個(gè)第三個(gè)繼續(xù)
stop(true)：停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫(huà)
stop(true ture)：停止動(dòng)畫(huà)，直接跳到第一個(gè)動(dòng)畫(huà)的最終狀態(tài)?
查看全部 -
.animate( properties, options )
options參數(shù)
duration?- 設(shè)置動(dòng)畫(huà)執(zhí)行的時(shí)間
easing - 規(guī)定要使用的 easing 函數(shù)，過(guò)渡使用哪種緩動(dòng)函數(shù)
step：規(guī)定每個(gè)動(dòng)畫(huà)的每一步完成之后要執(zhí)行的函數(shù)
progress：每一次動(dòng)畫(huà)調(diào)用的時(shí)候會(huì)執(zhí)行這個(gè)回調(diào)，就是一個(gè)進(jìn)度的概念
complete：動(dòng)畫(huà)完成回調(diào)
查看全部
舉報(bào)