-
語法:<br> .get( [index ] )<br> <br> 注意2點(diǎn)<br> 1.get方法是獲取的dom對象,也就是通過document.getElementById獲取的對象<br> 2.get方法是從0開始索引<br> <br> 所以第二個a元素的查找: $(a).get(1)<br> <br> 負(fù)索引值參數(shù)<br> <br> get方法還可以從后往前索引,傳遞一個負(fù)索引值,注意的負(fù)值的索引起始值是-1<br> <br> 同樣是找到第二元素,可以傳遞 $(a).get(-2) eq返回的是一個jQuery對象,get返回的是一個DOM對象, 用法可以參考一下: $aaron.eq(1).css("color","blue") $aaron.get(-2).style.color = "#8A2BE2"查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 這個函數(shù)很簡單,沒有多余的參數(shù)用法 需要注意: ?移除字符串開始和結(jié)尾處的所有換行符,空格(包括連續(xù)的空格)和制表符(tab) ?如果這些空白字符在字符串中間時,它們將被保留,不會被移除查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值,并返回其索引值。如果數(shù)組中不存在該值,則返回 -1。 語法: jQuery.inArray( value, array [, fromIndex ] ) 用法非常簡單,傳遞一個檢測的目標(biāo)值,然后傳遞原始的數(shù)組,可以通過fromIndex規(guī)定查找的起始值,默認(rèn)數(shù)組是0開始 例如:在數(shù)組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應(yīng)的索引:4 注意: 如果要判斷數(shù)組中是否存在指定值,你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷查看全部
-
each就是for循環(huán)方法的一個包裝,內(nèi)部就是通過for遍歷數(shù)組與對象< 遍歷一個數(shù)據(jù),不需要考慮這個數(shù)據(jù)是對象還是數(shù)組 回調(diào)函數(shù)中傳入的兩個參數(shù),如果遍歷的是數(shù)組,第一個參數(shù)是索引值,第二個參數(shù)是數(shù)組的值;如果遍歷是對象,第一個參數(shù)是屬性,第二個參數(shù)是屬性值查看全部
-
停止動畫stop stop() 點(diǎn)擊停止,動畫1停,動畫2會繼續(xù),再點(diǎn)擊停,動畫2會停,動畫3會繼續(xù) stop(true) 停止全部動畫 stop(true,true) 在動畫1運(yùn)動時,點(diǎn)擊停,直接跳到動畫1的目標(biāo)狀態(tài)。點(diǎn)擊執(zhí)行,動畫2繼續(xù),點(diǎn)擊停,直接跳到動畫2的目標(biāo)狀態(tài)。狀態(tài)3同理。 點(diǎn)擊停后,后面的動畫會自動繼續(xù)的只有stop() 注意:如果動畫未完成停止了,那么動畫完成時執(zhí)行的回調(diào)函數(shù)是不會被調(diào)用的。查看全部
-
step和progress的區(qū)別 在每一步動畫中,progress回調(diào)是對于每個元素執(zhí)行一次,參數(shù)是(Promise異步對象,進(jìn)度0~1,動畫剩余ms) 而step對于每個元素的每個動畫屬性執(zhí)行一次,參數(shù)是(當(dāng)前屬性值Number,當(dāng)前屬性的Tween對象)。查看全部
-
.animate( properties, options ) options參數(shù) ?duration - 設(shè)置動畫執(zhí)行的時間 ?easing - 規(guī)定要使用的 easing 函數(shù),過渡使用哪種緩動函數(shù) ?step:規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) ?progress:每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào),就是一個進(jìn)度的概念 ?complete:動畫完成回調(diào) 其中最關(guān)鍵的一點(diǎn)就是: 如果多個元素執(zhí)行動畫,回調(diào)將在每個匹配的元素上執(zhí)行一次,不是作為整個動畫執(zhí)行一次查看全部
-
animate方法更靈活,可以精確的控制樣式屬性從而執(zhí)行動畫。 .animate({properties},duration,function) 屬性設(shè)置,持續(xù)時間,回調(diào)函數(shù) properties:一個或多個css屬性的鍵值對所構(gòu)成的Object對象。要特別注意所有用于動畫的屬性必須是數(shù)字的,除非另有說明;比如常見的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動畫效果的。background-color很明顯不行。 注意,css樣式使用DOM名稱(比如"fontSize")來設(shè)置,而非css名稱(比如"font-size") 特別注意單位,屬性值的單位是像素(px),除非另有說明,單位em和%需要指定使用。 如 .animate({ width:100, left:"20px", opacity:"show", fontSize:"10em" },1000) 除了定義數(shù)值,每個屬性能使用"show","hide",和"toggle"。快捷控制顯示、隱藏、切換 .animate({ left:"+=100px" },"fast"); 變化后的左邊距,是當(dāng)前的左邊距+100px duration持續(xù)時間,以毫秒為單位,數(shù)值越大,越慢,還可以用"fast"和“slow”,分別表示持續(xù)時間為200毫秒和600毫秒。查看全部
-
toggle、sildeToggle以及fadeToggle的區(qū)別: toggle:切換顯示與隱藏效果 sildeToggle:切換上下拉卷滾效果 fadeToggle:切換淡入淡出效果 當(dāng)然細(xì)節(jié)上還是有更多的不同點(diǎn): toggle與slideToggle細(xì)節(jié)區(qū)別: toggle:動態(tài)效果為從右至左。橫向動作,toggle通過display來判斷切換所有匹配元素的可見性 slideToggle:動態(tài)效果從下至上。豎向動作,slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。查看全部
-
淡入效果fadeTo fadeIn和fadeOut都是修改元素的opacity屬性,變化的區(qū)間是0-1 fadeTo可以直接變化到給定的透明度。 .fadeTo(duration,opacity,function) 持續(xù)時間,透明度,回調(diào)函數(shù)(非必需)查看全部
-
fadeToggle切換fadeOut與fadeIn效果,所謂"切換",即如果元素當(dāng)前是可見的,則將其隱藏(淡出);如果元素當(dāng)前是隱藏的,則使其顯示(淡入)。查看全部
-
fadeIn()函數(shù)用于顯示所有匹配的元素,并帶有淡入的過渡動畫效果。 注意: ?淡入的動畫原理:操作元素的不透明度從0%逐漸增加到100% ?如果元素本身是可見的,不對其作任何改變。如果元素是隱藏的,則使其可見查看全部
-
fadeOut()函數(shù)用于隱藏所有匹配的元素,并帶有淡出的過渡動畫效果 所謂"淡出"隱藏的,元素是隱藏狀態(tài)不對作任何改變,元素是可見的,則將其隱藏。 .fadeOut( [duration ] [, complete ] ) 通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡出效果,并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)。這個動畫只調(diào)整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發(fā)生變化。 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串,或者這個duration參數(shù)8被省略,那么默認(rèn)使用400毫秒的延時查看全部
-
上卷下拉切換 slideToggle() slideToggle([duration][,complete]) slideToggle("fast") 200毫秒 slideToggle("slow") 600毫秒查看全部
-
因?yàn)閯赢嬍钱惒降?,所以要在動畫之后?zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面,這里要特別注意查看全部
舉報
0/150
提交
取消