-
now:當前改變的值， fx：里面自帶很多： easing 字符串 動畫方式"linear",swing,easeIn,easeOut...等 elem DOM元素 正在動畫的元素 end 數值 動畫結束值 now 數值 動畫當前值 options 對象 參數 options.duration 數值 傳到動畫動的duration options.queue 字符串 動畫隊列 pos 數值 在動畫過程中從0.0到1.0 prop 字符串 正在變化的css屬性 start 數值 CSS屬性開始變化的值 unit 字符串 CSS值的單位查看全部
-
在progress里面arguments[0]是now,arguments[1]是fx查看全部
-
on(n,fx){ // 動畫元素的每個動畫屬性每一次動畫效果的執行都將調用的函數。第1個參數是當前動畫正在改變的屬性的實時值（每1次動畫過程中，屬性值的實時反饋呈現）；第2個參數為修改Tween 對象提供了一個機會來改變animate第1個參數中設置的屬性在動畫結束時的值。 // fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 // 執行動畫的元素：elem; // 動畫正在改變的屬性：prop; // 正在改變屬性的當前值：now; // 正在改變屬性的結束值：end; // 正在改變屬性的單位：unit;等查看全部
-
隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設置css的display為none屬性。但是通過css直接修改是靜態的布局，如果在代碼執行的時候，一般是通過js控制元素的style屬性，這里jQuery提供了一個快捷的方法.hide()來達到這個效果 $elem.hide() 提供參數： .hide( options ) 當提供hide方法一個參數時，.hide()就會成為一個動畫方法。.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進行動畫操作 快捷參數： .hide("fast / slow") 這是一個動畫設置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后再隱藏 注意： jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度 達到0，display樣式屬性將被設置為none，這個元素將不再在頁面中影響布局查看全部
-
其實就是在講尾后的執行函數 step：規定每個動畫的每一步完成之后要執行的函數。 progress：每一次動畫調用的時候會執行這個回調。 通過數值可以看到第一個點第二次不會有反應，而第二個函數每次點擊都會執行。查看全部
-
正確的寫法應該是 $("#a2").hide(3000,function(){ alert('執行3000ms動畫完畢'); });查看全部
-
用fadeTo時，不管最終透明度是多少，元素仍占據頁面布局 而fadeOut，會在透明度變為0時，將元素從頁面布局中移出查看全部
-
toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節上還是有更多的不同點: toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
index()方法：從匹配的元素中搜索給定元素的索引值，從0開始計數。 語法：參數接受一個jQuery或者dom對象作為查找的條件 1、.index() 2、.index(selector) 3、.index(element) 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
.get()方法：獲取jquery對象合集中的某一個元素，返回的是DOM元素不是jquery對象 語法： .get([index]) 注意事項： 1、get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 2、get方法是從0開始索引 如果給get()方法傳遞一個負索引值，則表示從后往前索引，負索引值的起始值是-1查看全部
-
jQuery.trim()函數：用于去除字符串兩端的空白字符 需要注意： 1、移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 2、如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 語法： jQuery.inArray(value,array,[fromIndex]) 參數說明： value：目標值， array：目標數組， [fromIndex]：查找的起始值，默認數組是0開始。 注意事項： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
$(selector).each()來遍歷jQuery對象 語法： jQuery.each(array, callback ) jQuery.each(object, callback ) 第一個參數傳遞的就是一個對象或者數組，第二個是回調函數 如： $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值了 }); each就是for循環方法的一個包裝，內部就是通過for遍歷數組與對象，通過回調函數返回內部迭代的一些參數，第一個參數是當前迭代成員在對象或數組中的索引值(從0開始計數)，第二個參數是當前迭代成員(與this的引用相同） jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false，則停止循環(相當于普通循環中的break)；如果返回其他任何值，均表示繼續執行下一個循環。 如： $.each(["Aaron", "慕課網"], function(index, value) { return false; //停止迭代 });查看全部
-
.stop()方法：將當前正在運行的動畫（如果有的話）立即停止； 語法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop還有幾個可選的參數，簡單來說可以這3種情況 1、.stop(); 停止當前動畫，點擊在暫停處繼續開始 2、.stop(true); 如果同一元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 3、.stop(true,true); 當前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標值查看全部
-
.animate( properties, options )：傳遞一個對象參數，可以拿到動畫執行狀態一些通知 options參數： duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數 step：規定每個動畫的每一步完成之后要執行的函數 progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念 complete：動畫完成回調 其中最關鍵的一點就是： 如果多個元素執行動畫，回調將在每個匹配的元素上執行一次，不是作為整個動畫執行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
舉報
0/150
提交
取消