-
淡入淡出fadeIn與fadeOut都是修改元素樣式的opacity屬性，但是他們都有個(gè)共同的特點(diǎn)，變化的區(qū)間要么是0，要么是1 fadeIn：淡入效果，內(nèi)容顯示，opacity是0到1 fadeOut：淡出效果，內(nèi)容隱藏，opacity是1到0 如果要讓元素保持動(dòng)畫效果，執(zhí)行opacity = 0.5的效果時(shí)，要如何處理？ 如果不考慮CSS3，我們用JS實(shí)現(xiàn)的話，基本就是通過定時(shí)器，在設(shè)定的時(shí)間內(nèi)一點(diǎn)點(diǎn)的修改opacity的值，最終為0.5，原理雖說簡(jiǎn)單，但是總不如一鍵設(shè)置這么舒服，jQuery提供了fadeTo方法，可以讓改變透明度一步到位 語法 .fadeTo( duration, opacity ,callback) 必需的 duration參數(shù)規(guī)定效果的時(shí)長(zhǎng)。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度（值介于 0 與 1 之間）?？蛇x的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。查看全部
-
注意事項(xiàng)： 下拉動(dòng)畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none 如 果提供回調(diào)函數(shù)參數(shù)，callback會(huì)在動(dòng)畫完成的時(shí)候調(diào)用。將不同的動(dòng)畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個(gè)回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會(huì)設(shè)成將要執(zhí)行動(dòng)畫的那個(gè)DOM元素，如果多個(gè)元素一起做動(dòng)畫效果，那么要非常注意，回調(diào)函數(shù)會(huì)在每一個(gè)元素執(zhí)行完動(dòng)畫后都執(zhí)行一次，而不是這組 動(dòng)畫整體才執(zhí)行一次查看全部
-
如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對(duì)象中第一個(gè)元素相對(duì)于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個(gè)DOM元素或jQuery對(duì)象， .index() 返回值就是傳入的元素相對(duì)于原先集合的位置 如果參數(shù)是一個(gè)選擇器， .index() 返回值就是原先元素相對(duì)于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 簡(jiǎn)單來說： <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 沒有傳遞參數(shù)，反正的結(jié)果是1，它的意思是返回同輩的排列循序，第一個(gè)li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1 如果要快速找到第二個(gè)li在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結(jié)果：1 $("li").index($("#test2")) //結(jié)果:1查看全部
-
index()已知元素在集合中找索引，從0開始計(jì)數(shù) 語法：參數(shù)接受一個(gè)jQuery或者dom對(duì)象作為查找的條件 .index() //沒有參數(shù)時(shí)返回第一個(gè)元素在同輩元素中所占的位置 .index(selector) .index(element)查看全部
-
jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡(jiǎn)單，傳遞一個(gè)檢測(cè)的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始 例如：在數(shù)組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對(duì)應(yīng)的索引：4查看全部
-
get()方法得到的是DOM對(duì)象，eq()得到的是jQuery對(duì)象，它們都可以找到一個(gè)集合中單獨(dú)的元素查看全部
-
.animate( properties, options ) 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)查看全部
-
jQuery的大部分方法都是針元素合集的操作， 所以jQuery會(huì)提供$(selector).each()來遍歷jQuery對(duì)象. .each只是處理jQuery對(duì)象的方法，jQuery還提供了一個(gè)通用的jQuery.each方法，用來處理對(duì)象和數(shù)組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個(gè)參數(shù)傳遞的就是一個(gè)對(duì)象或者數(shù)組，第二個(gè)是回調(diào)函數(shù)查看全部
-
注意事項(xiàng)： 下拉動(dòng)畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none 如 果提供回調(diào)函數(shù)參數(shù)，callback會(huì)在動(dòng)畫完成的時(shí)候調(diào)用。將不同的動(dòng)畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個(gè)回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會(huì)設(shè)成將要執(zhí)行動(dòng)畫的那個(gè)DOM元素，如果多個(gè)元素一起做動(dòng)畫效果，那么要非常注意，回調(diào)函數(shù)會(huì)在每一個(gè)元素執(zhí)行完動(dòng)畫后都執(zhí)行一次，而不是這組 動(dòng)畫整體才執(zhí)行一次查看全部
-
基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動(dòng)畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動(dòng)畫。 如果元素是最初顯示，它會(huì)被隱藏 如果隱藏的，它會(huì)顯示出來查看全部
-
$.trim()函數(shù)可以去除字符串兩端的空白字符查看全部
-
$.inArray()函數(shù)判斷元素是否存放在數(shù)組中，可以用于在數(shù)組中搜索指定的值，并返回其索引值，不存在的值返回 -1查看全部
-
注意事項(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è)氐母叨?，高度，透明?查看全部
-
$("#a2").hide({ duration: 3000, complete: function() { alert('執(zhí)行3000ms動(dòng)畫完畢') } })查看全部
-
jQuery在做hide操作的時(shí)候，是會(huì)保存本身的元素的原始屬性值，再之后通過對(duì)應(yīng)的方法還原的時(shí)候還是初始值。比如一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline。一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個(gè)元素將不再在頁面中影響布局查看全部
舉報(bào)
0/150
提交
取消