-
oggle與slideToggle以及fadeToggle的比較 操作元素的顯示和隱藏可以有幾種方法。 例如: 改變樣式diplay為none 位置高度為0 透明度為0 都能達(dá)到這個(gè)目的,并且針對(duì)這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeInOut。除此之外,還引入了toggle、sildeToggle以及fadeToggle切換方法 toggle、sildeToggle以及fadeToggle的區(qū)別: toggle:切換顯示與隱藏效果 sildeToggle:切換上下拉卷滾效果 fadeToggle:切換淡入淡出效果 當(dāng)然細(xì)節(jié)上還是有更多的不同點(diǎn): toggle與slideToggle細(xì)節(jié)區(qū)別: toggle:動(dòng)態(tài)效果為從右至左。橫向動(dòng)作,toggle通過display來判斷切換所有匹配元素的可見性 slideToggle:動(dòng)態(tài)效果從下至上。豎向動(dòng)作,slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的,fadeToggle() 會(huì)使用淡入效果顯示它們。 元素是淡入顯示的,fadeToggle() 會(huì)使用淡出效果顯示它們。 注釋:隱藏的元素不會(huì)被完全顯示(不再影響頁面的布局)查看全部
-
.get( [index ] ) get方法是從0開始索引 所以第二個(gè)a元素的查找: $(a).get(1) get方法還可以從后往前索引,傳遞一個(gè)負(fù)索引值,注意的負(fù)值的索引起始值是-1查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 移除字符串開始和結(jié)尾處的所有換行符,空格(包括連續(xù)的空格)和制表符(tab) 如果這些空白字符在字符串中間時(shí),它們將被保留,不會(huì)被移除查看全部
-
字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)。這個(gè)duration參數(shù)被省略,那么默認(rèn)使用400毫秒的延時(shí)查看全部
-
options參數(shù) duration - 設(shè)置動(dòng)畫執(zhí)行的時(shí)間 easing - 規(guī)定要使用的 easing 函數(shù),過渡使用哪種緩動(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) 其中最關(guān)鍵的一點(diǎn)就是: 如果多個(gè)元素執(zhí)行動(dòng)畫,回調(diào)將在每個(gè)匹配的元素上執(zhí)行一次,不是作為整個(gè)動(dòng)畫執(zhí)行一次查看全部
-
注意事項(xiàng): show與hide方法是修改的display屬性,通過是visibility屬性布局需要通過css方法單獨(dú)設(shè)置 如果使用!important在你的樣式中,比如display: none !important,如果你希望.show()方法才能正常工作,必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個(gè)動(dòng)畫,那么默認(rèn)執(zhí)行動(dòng)畫會(huì)改變?cè)氐母叨?,高度,透明?查看全部
-
get方法是通過已知的索引在合集中找到對(duì)應(yīng)的元素。如果反過來,已知元素如何在合集中找到對(duì)應(yīng)的索引呢? .index()方法,從匹配的元素中搜索給定元素的索引值,從0開始計(jì)數(shù)。 語法:參數(shù)接受一個(gè)jQuery或者dom對(duì)象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數(shù)給 .index() 方法,則返回值就是jQuery對(duì)象中第一個(gè)元素相對(duì)于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ,并且參數(shù)是一個(gè)DOM元素或jQuery對(duì)象, .index() 返回值就是傳入的元素相對(duì)于原先集合的位置 如果參數(shù)是一個(gè)選擇器, .index() 返回值就是原先元素相對(duì)于選擇器匹配元素的位置。如果找不到匹配的元素,則 .index() 返回 -1查看全部
-
DOM元素獲取index方法 找到已知元素在合集中對(duì)應(yīng)的索引值 如果找不到匹配的元素,則.index()返回-1查看全部
-
DOM元素的獲取get方法 get方法是從0開始索引 也可以從后往前索引,傳遞一個(gè)負(fù)索引值,注意負(fù)值的索引值是從-1開始查看全部
-
.stop(); 停止當(dāng)前動(dòng)畫,點(diǎn)擊在暫停處繼續(xù)開始 .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)行 .stop(true,true); 當(dāng)前動(dòng)畫將停止,但該元素上的 CSS 屬性會(huì)被立刻修改成動(dòng)畫的目標(biāo)值查看全部
-
properties:一個(gè)或多個(gè)css屬性的鍵值對(duì)所構(gòu)成的Object對(duì)象。要特別注意所有用于動(dòng)畫的屬性必須是數(shù)字的,除非另有說明;這些屬性如果不是數(shù)字的將不能使用基本的jQuery功能。比如常見的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動(dòng)畫效果的。background-color很明顯不可以,因?yàn)閰?shù)是red或者GBG這樣的值,非常用插件,否則正常情況下是不能只能動(dòng)畫效果的。注意,CSS 樣式使用 DOM 名稱(比如 "fontSize")來設(shè)置,而非 CSS 名稱(比如 "font-size")。 特別注意單位,屬性值的單位像素(px),除非另有說明。單位em 和 %需要指定使查看全部
-
去空格神器trim方法 trim()函數(shù)用于去除字符串兩端的空白字符(包括連續(xù)空格符) 如果空白字符是在字符串中間,它們將被保留,不被移除查看全部
-
查找數(shù)組中的索引inArray inArray()函數(shù)判斷元素是否存在數(shù)組中 如果要判斷數(shù)組中是否存在指定值,你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷 如果數(shù)組中不存在該值,則返回-1查看全部
-
each方法的應(yīng)用 each就是for循環(huán)方法的一個(gè)包裝,內(nèi)部就是通過for遍歷數(shù)組與對(duì)象 遍歷一個(gè)數(shù)據(jù),不需要考慮這個(gè)數(shù)據(jù)是對(duì)象還是數(shù)組查看全部
-
停止動(dòng)畫stop 動(dòng)畫在執(zhí)行過程中是允許被暫停的 stop():只會(huì)停止第一個(gè)動(dòng)畫,第二個(gè)和第三個(gè)繼續(xù) stop(true):停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫 stop(true, true):停止動(dòng)畫,直接跳到第一個(gè)動(dòng)畫的最終狀態(tài)查看全部
舉報(bào)
0/150
提交
取消