-
step方法 elem:[object HTMLDivElement] //執行動畫的元素 prop:height //動畫正在改變的屬性 easing:swing //動畫執行(速度)方式 options:[object Object] //animate()方法 相關信息(改變屬性名,持續時間等) now:50 //改變屬性的當前值 start:100 //改變屬性的初始值 end:50 //改變屬性的結束值 unit:px //改變屬性的單位 pos:1 // process進程 改變屬性的完整情況 progress方法 中的對象屬性大多只能用來做查詢(除了duration參數),修改對象屬性不能改變 animate()的任何參數 elem:[object HTMLDivElement] //執行動畫的元素 props:[object Object] //動畫正在改變的屬性 opts:[object Object] //animate()方法 相關信息(改變屬性名,持續時間等) originalProperties:[object Object] //動畫 最初 要改變的屬性 originalOptions:[object Object] //animate()方法 最初 相關信息(改變屬性名,持續時間等) startTime:1491200118027 //animate() 開始執行時間 duration:2000 //animate() 動畫持續時間 tweens:[object Object] //空對象,用于存放 jQuery.Tween 對象查看全部
-
$(selector).each() 是jQuery對象方法,只能處理處理jQuery對象 $.each() 是一個通用的jQuery.each方法,用來處理對象和數組的遍歷 數組: $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值,相當于 this 的引用 }); 對象: $.each({ name: "張三", age: 18 }, function(property, value) { //property 屬性名 //value 屬性值 }); each就是for循環方法的一個包裝,內部就是通過for遍歷數組與對象. jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false,則停止循環(相當于普通循環中的break);如果返回其他任何值,均表示繼續執行下一個循環。查看全部
-
1.hide sildeUp fadeOut 動畫效果執行到最后都是將 dispaly 設置為 none; 2.toggle sildeToggle fadeToggle 操作都是通過 display的值 來進行判斷; 3.fadeTo 不對 dispaly屬性 做修改.查看全部
-
.fadeTo( duration, opacity ,callback) fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)。 因為 opacity 為必填參數,所以 opacity參數 前的 duration參數 就不得不填.查看全部
-
display屬性值保存在jQuery的數據緩存中,所以display可以方便以后可以恢復到其初始值 當一個隱藏動畫,高度值達到0的時候,display 樣式屬性被設置為none,以確保該元素不再影響頁面布局查看全部
-
$("button:last").click(function() { $("#a2").slideUp(3000,function(){ alert('動畫執行結束') }) alert('slideUp外面') }); 因為動畫是異步的,所以要在動畫之后執行某些操作就必須要寫到回調函數里面 如以上的例子: 因為動畫是異步的, slideUp 剛開始運行, alert('slideUp外面’) 就被執行,而 alert('動畫執行結束') 是在 slideUp 運行結束后被執行查看全部
-
$("button:first").click(function() { // $(".left").toggle() //與下面代碼效果相同 if ( $(".left").css("display") === "none" ) { $( ".left" ).show(); } else { $( ".left" ).hide(); } }); $("button:last").click(function() { $(".right").toggle(3000) });查看全部
-
1.show與hide方法是修改的display屬性,通過是visibility屬性布局需要通過css方法單獨設置 display:none :使元素消失,不占用瀏覽器空間 visibility:hidden :使元素看不見,在瀏覽器中依然占用空間 2.如果使用!important在你的樣式中,比如display: none !important,如果你希望.show()方法正常工作,必須使用.css('display', 'block !important')重寫樣式 !important :強調css的優先級最高 3.如果讓show與hide成為一個動畫(加上時間參數),那么默認執行動畫會改變元素的高度,高度,透明度查看全部
-
step,progress 區別查看全部
-
Why alert 2 Time查看全部
-
快捷參數: .hide("fast / slow") 這是一個動畫設置的快捷方式,'fast' 和 'slow' 分別代表200和600毫秒的延時,就是元素會執行200/600毫秒的動畫后再隱藏查看全部
-
如果多個元素執行動畫,回調將在每個匹配的元素上執行一次,不是作為整個動畫執行一次。查看全部
-
toggle:改變樣式display為none,切換顯示與隱藏效果。 slideToggle:設置位置高度為0,切換上下拉卷滾效果。 fadeToggle:設置透明度為0,切換淡入淡出效果。查看全部
-
語法:參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .index() 方法,則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ,并且參數是一個DOM元素或jQuery對象, .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器, .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素,則 .index() 返回 -1查看全部
-
語法: .get( [index ] ) 注意2點 get方法是獲取的dom對象,也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找: $(a).get(1) 負索引值參數 get方法還可以從后往前索引,傳遞一個負索引值,注意的負值的索引起始值是-1 同樣是找到第二元素,可以傳遞 $(a).get(-2)查看全部
舉報
0/150
提交
取消