-
回調函數中傳入的兩個參數,如果遍歷的是數組,第一個參數是索引值,第二個參數是數組的值;如果遍歷是對象,第一個參數是屬性,第二個參數是屬性值。
查看全部 -
// ? ? 顯示隱藏 ? ? ? ? ? .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>任務</h4> ????<div?class="left"> ????????<div?class="a1-box"> ????????????<button><b>?</b>不會了怎么辦</button> ????????????<div?id="a1">slideDown與slideUp是一對相反的方法。需要對元素進行上下拉卷效果的切換,jQuery提供了一個便捷方法slideToggle用滑動動畫顯示或隱藏一個匹配元素</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
查看全部 -
第二個參數是什么意思?
查看全部 -
animate():
如果多個元素執行動畫,回調將在每個匹配的元素執行一次。
查看全部 -
get方法是獲取dom對象,eq方法是獲取jq對象;
get方法是獲取dom對象,也就是通過document.getElementById();
查看全部 -
width: "toggle" //設置為左右隱藏
height:"toggle" //設置為上下滑動隱藏
opacity:"toggle" //設置為淡出淡入隱藏 ?opacity是透明度時間: 2017-06-26?3
查看全部 -
duration 可選/String/Number類型指定過渡動畫運行多長時間(毫秒數),默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。
complete:元素隱藏完畢后需要執行的函數。函數內的this指向當前DOM元素。查看全部 -
.index()
.index( selector )
.index( element )查看全部 -
.get( [index ] )
注意2點
get方法是獲取的dom對象,也就是通過document.getElementById獲取的對象
get方法是從0開始索引
所以第二個a元素的查找: $(a).get(1)
負索引值參數
get方法還可以從后往前索引,傳遞一個負索引值,注意的負值的索引起始值是-1
同樣是找到第二元素,可以傳遞?$(a).get(-2)?
查看全部 -
jQuery.inArray( value, array ,[ fromIndex ] )
用法非常簡單,傳遞一個檢測的目標值,然后傳遞原始的數組,可以通過fromIndex規定查找的起始值,默認數組是0開始
例如:在數組中查找值是5的索引
$.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引:4
查看全部 -
jQuery.each(array, callback )
jQuery.each( object, callback )第一個參數傳遞的就是一個對象或者數組,第二個是回調函數
$.each(["Aaron", "慕課網"], function(index, value) {
? //index是索引,也就是數組的索引
? //value就是數組中的值了
});查看全部 -
$("#aaron").animate({
? ?height: 300
}, 5000)
$("#aaron").animate({
? ?width: 300
}, 5000)
$("#aaron").animate({
? ?opacity: 0.6
}, 2000)stop():只會停止第一個動畫,第二個第三個繼續
stop(true):停止第一個、第二個和第三個動畫
stop(true ture):停止動畫,直接跳到第一個動畫的最終狀態?
查看全部 -
.animate( properties, options )
options參數
duration?- 設置動畫執行的時間
easing - 規定要使用的 easing 函數,過渡使用哪種緩動函數
step:規定每個動畫的每一步完成之后要執行的函數
progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念
complete:動畫完成回調
查看全部
舉報