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