-
jQuery中DOM元素的獲取get方法: 語法: .get( [index ] ) 注意2點: 1: get方法是獲取的dom對象,也就是通過document.getElementById獲取的對象 2: get方法是從0開始索引 ps: 負索引值參數 get方法還可以從后往前索引,傳遞一個負索引值,注意的負值的索引起始值是-1 同樣是找到第二元素,可以傳遞 $(a).get(-2)查看全部
-
jQuery中去空格神器trim方法: jQuery.trim()函數用于去除字符串兩端的空白字符 ps:需要注意: 移除字符串開始和結尾處的所有換行符,空格(包括連續的空格)和制表符(tab) 如果這些空白字符在字符串中間時,它們將被保留,不會被移除查看全部
-
jQuery中查找數組中的索引inArray: jQuery.inArray()函數用于在數組中搜索指定的值,并返回其索引值。如果數組中不存在該值,則返回 -1。 語法: jQuery.inArray( value(要查找的值或元素), array(被查找的數組) ,[ fromIndex ](從哪個索引位置開始查找) ) ps: 用法非常簡單,傳遞一個檢測的目標值,然后傳遞原始的數組,可以通過fromIndex規定查找的起始值,默認數組是0開始 例如:在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引:4 注意: 如果要判斷數組中是否存在指定值,你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
$.each==jQuery.each?? 在jQuery庫中,$只不過是jQuery的簡寫!所以$.each==jQuery.each是等價的!查看全部
-
jQuery中each方法的應用: jQuery的大部分方法都是針元素合集的操作,所以jQuery會提供$(selector).each()來遍歷jQuery對象.each只是處理jQuery對象的方法,jQuery還提供了一個通用的jQuery.each方法,用來處理對象和數組的遍歷 語法: 1:jQuery.each(array, callback ) 2:jQuery.each( object, callback ) 解1:jQuery.each(array數組(參數), callback回調函數(索引,元素) ) 解2: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; //停止迭代 });查看全部
-
jQuery中停止動畫stop: 1:stop():只會停止第一個動畫,第二個第三個繼續(當前高停止繼續變寬變透明) 2:stop(true):停止第一個、第二個和第三個動畫 (所有都停止不變了) 3:stop(true ture):停止動畫,直接跳到第一個動畫的最終狀態 (當前高停止直接跳到高的目標值300不動了) 語法: 1:.stop( [clearQueue ], [ jumpToEnd ] ) 2:.stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop還有幾個可選的參數,簡單來說可以這3種情況: 1 .stop(); 停止當前動畫,點擊在暫停處繼續開始 2 .stop(true); 如果同一元素調用多個動畫方法,尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始,直到第一個完成。當調用.stop()的時候,隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 3 .stop(true,true); 當前動畫將停止,但該元素上的 CSS 屬性會被立刻修改成動畫的目標值 簡單的說:參考下面代碼、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000)查看全部
-
如果不傳遞任何參數給 .index() 方法,則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置,此處的同輩元素,包括 ul 下的所有 子元素 a a li li li ,所以$("li").index() // 2查看全部
-
待驗證:8: noww接收的是每次動畫時height的值,fxx是指每個動畫的每一步完成之后要執行的函數. step自動執行的這個函數. arguments對象是比較特別的一個對象,實際上是當前函數的一個內置屬性。arguments非常類似Array,但實際上又不是一個Array實例.arguments對象的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開辟內存空間存儲的變量,但是其與arguments對象內存空間并不重疊. 也就是說此時的arguments[1]代表的是progress的進度,而它是從0-1的,0代表開始,1代表結束 9:1、.animate(properties,options)中包含兩個參數,options參數包括幾種,其中step:規定每個動畫的每一步完成之后要執行的函數;progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念。 2、arguments中數組值代表函數第幾個參數。這里arguments[1]代表第二個參數,則是代表fx。 3、這個程序沒有提供完整,在程序上面應該會定義原先的塊級高度是100,動畫中目標高度是50,所以執行動畫時從100減到50。查看全部
-
待驗證: 其實這個函數里是內置有這三個參數的,就好比你把progress里的fx參數刪除,當訪問arguments[1]還是訪問到進度條值。 1:就好比js中的map函數,arguments[0]為value,arguments[1]為key,arguments[2]為array 2:progress是一個進度的概念,說的是這個動畫本身運動,不管動畫實際動沒動(已經到最終態就不動) 3:在函數代碼中,使用特殊對象 arguments,開發者無需明確指出參數名,就能訪問它們。arguments[1]指function(now, fx)的參數fx,而這里fx代表progress的進度,而它是從0-1的,0代表開始,1代表結束。 4:step與progress step這個屬性個動畫執行的進度,可以用2個指標來描述,一個是動畫屬性的變動值,另一個是動畫在整個執行過程的進度不同點,主要在fx這個參數上: step: fx返回的是和css相關的屬性; progress: fx返回的是動畫進度本身的屬性; 5:因為progress函數有執行時間,要在規定的時間達到目標值,同理進度值隨著規定時間從0到1。 這樣理解:執行step后,高度是50,而progress目標高度也是50,執行progress時,是在2秒內將高度從50變成50,雖然沒變化,但是函數在執行,所以有進度值。 6:now和fx是兩個參數,可以隨便寫成其他什么名字,也就是函數有兩個參數,第一個參數是正在變化的屬性的當前值(即代碼中的height值),第二個參數是當前做動畫的對象的引用(即$aaron)。 7:now:是當前動畫正在改變的屬性的實時值; fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 執行動畫的元素:elem; 動畫正在改變的屬性:prop; 正在改變屬性的當前值:now; 正在改變屬性的結束值:end; 正在改變屬性的單位:unit;等查看全部
-
摘抄待驗證: on(n,fx){ // 動畫元素的每個動畫屬性每一次動畫效果的執行都將調用的函數。第1個參數是當前動畫正在改變的屬性的實時值(每1次動畫過程中,屬性值的實時反饋呈現);第2個參數為修改Tween 對象提供了一個機會來改變animate第1個參數中設置的屬性在動畫結束時的值。 // fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 // 執行動畫的元素:elem; // 動畫正在改變的屬性:prop; // 正在改變屬性的當前值:now; // 正在改變屬性的結束值:end; // 正在改變屬性的單位:unit;等查看全部
-
js arguments: http://www.cnblogs.com/Fskjb/archive/2011/10/27/2227111.html查看全部
-
http://api.jquery.com/animate/ jQuery的 動畫方法 animate() 的 step屬性和progress屬性的解讀:http://www.xianlaiwan.cn/article/13963查看全部
-
animate(下): .animate( properties, options ) 2:options參數: duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數,過渡使用哪種緩動函數 step:規定每個動畫的每一步完成之后要執行的函數 progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念 complete:動畫完成回調 ps: 如果多個元素執行動畫,回調將在每個匹配的元素上執行一次,不是作為整個動畫執行一次 常用的方式: $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
animate( properties, options ): options是指? duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數,過渡使用哪種緩動函數 step:規定每個動畫的每一步完成之后要執行的函數 progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念 complete:動畫完成回調查看全部
-
先是改變透明度,,再是display:none查看全部
舉報
0/150
提交
取消