-
jQuery中淡出動畫fadeOut 透明度的參數(shù)是0~1之間的值，通過改變這個值可以讓元素有一個透明度的效果。常見的淡入淡出動畫正是這樣的原理。 fadeOut()函數(shù)用于隱藏所有匹配的元素，并帶有淡出的過渡動畫效果 所謂"淡出"隱藏的，元素是隱藏狀態(tài)不對作任何改變，元素是可見的，則將其隱藏。 .fadeOut( [duration ], [ complete ] ) 通過不透明度的變化來實現(xiàn)所有匹配元素的淡出效果，并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)。這個動畫只調(diào)整元素的不透明度，也就是說所有匹配的元素的高度和寬度不會發(fā)生變化。 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認使用400毫秒的延時查看全部
-
$("#a1").stop().hide(3000).show(3000)查看全部
-
jQuery中上卷下拉切換slideToggle 基本的操作：slideToggle(); 這是最基本的操作，獲取元素的高度，使這個元素的高度發(fā)生改變，從而讓元素里的內(nèi)容往下或往上滑。 提供參數(shù)：.slideToggle( [duration ] ,[ complete ] ) 同樣的提供了時間、還有動畫結(jié)束的回調(diào)。在參數(shù)對應(yīng)的時間內(nèi)，元素會完成動畫，然后出發(fā)回調(diào)函數(shù) 同時也提供了時間的快速定義，字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時 slideToggle("fast") slideToggle("slow") 注意： display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復(fù)到其初始值 當(dāng)一個隱藏動畫后，高度值達到0的時候，display 樣式屬性被設(shè)置為none，以確保該元素不再影響頁面布局查看全部
-
jQuery中上卷動畫slideUp $("elem").slideUp(); 這個使用的含義就是：找到元素的高度，然后采用一個下滑動畫讓元素一直滑到隱藏，當(dāng)高度為0的時候，也就是不可見的時，修改元素display 樣式屬性被設(shè)置為none。這樣就能確保這個元素不會影響頁面布局了 帶參數(shù)： .slideUp( [duration ] [, easing ] [, complete ] ) 同樣可以提供一個時間，然后可以使用一種過渡使用哪種緩動函數(shù)，jQuery默認就2種，可以通過下載插件支持。最后一個動畫結(jié)束的回調(diào)方法。 因為動畫是異步的，所以要在動畫之后執(zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面，這里要特別注意查看全部
-
fdsf查看全部
-
jQuery中下拉動畫slideDown .slideDown()：用滑動動畫顯示一個匹配元素 .slideDown()方法將給匹配元素的高度的動畫，這會導(dǎo)致頁面的下面部分滑下去，彌補了顯示的方式 常見的操作，提供一個動畫是時間，然后傳遞一個回調(diào)，用于知道動畫是什么時候結(jié)束 .slideDown( [duration ] [, complete ] ) 持續(xù)時間（duration）是以毫秒為單位的，數(shù)值越大，動畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認使用400 毫秒的延時。 具體使用： $("ele").slideDown(1000, function() { //等待動畫執(zhí)行1秒后,執(zhí)行別的動作.... }); 注意事項： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none 如 果提供回調(diào)函數(shù)參數(shù)，callback會在動畫完成的時候調(diào)用。將不同的動畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會設(shè)成將要執(zhí)行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調(diào)函數(shù)會在每一個元素執(zhí)行完動畫后都執(zhí)行一次，而不是這組 動畫整體才執(zhí)行一次查看全部
-
jQuery中顯示與隱藏切換toggle方法 基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數(shù)，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 display屬性將被儲存并且需要的時候可以恢復(fù)。如果一個元素的display值為inline，然后是隱藏和顯示，這個元素將再次顯示inline 提供參數(shù)：.toggle( [duration ] [, complete ] ) 同樣的提供了時間、還有動畫結(jié)束的回調(diào)。在參數(shù)對應(yīng)的時間內(nèi)，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果。這個元素其實就是show與hide的方法 直接定位：.toggle(display) 直接提供一個參數(shù)，指定要改變的元素的最終效果 其實就是確定是使用show還是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide(); }查看全部
-
回調(diào)函數(shù)中傳入的兩個參數(shù)，如果遍歷的是數(shù)組，第一個參數(shù)是索引值，第二個參數(shù)是數(shù)組的值；如果遍歷是對象，第一個參數(shù)是屬性，第二個參數(shù)是屬性值。查看全部
-
正數(shù)索引參數(shù) get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 負索引值參數(shù) get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 這個函數(shù)很簡單，沒有多余的參數(shù)用法 需要注意： 移除字符串開始和結(jié)尾處的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認數(shù)組是0開始 例如：在數(shù)組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應(yīng)的索引：4 注意： 如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進行判斷查看全部
-
.each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數(shù)組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數(shù)傳遞的就是一個對象或者數(shù)組，第二個是回調(diào)函數(shù) $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { //index是索引,也就是數(shù)組的索引 //value就是數(shù)組中的值了 }); each就是for循環(huán)方法的一個包裝，內(nèi)部就是通過for遍歷數(shù)組與對象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個參數(shù)是當(dāng)前迭代成員在對象或數(shù)組中的索引值(從0開始計數(shù))，第二個參數(shù)是當(dāng)前迭代成員(與this的引用相同 jQuery.each()函數(shù)還會根據(jù)每次調(diào)用函數(shù)callback的返回值來決定后續(xù)動作。如果返回值為false，則停止循環(huán)(相當(dāng)于普通循環(huán)中的break)；如果返回其他任何值，均表示繼續(xù)執(zhí)行下一個循環(huán)。 $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { return false; //停止迭代 });查看全部
-
stop(true ture) 你點擊（width/height）時跳到 (width/height)動畫結(jié)束幀查看全部
-
$("p").fadeTo("slow", 0.5); fadeTo 褪色到哪個程度查看全部
-
jQuery中顯示元素的show方法 ide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示 看一段代碼：使用上一致，結(jié)果相反 $('elem').hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動畫，然后執(zhí)行3秒的顯示動畫。 注意事項： show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設(shè)置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式。 如果讓show與hide成為一個動畫，那么默認執(zhí)行動畫會改變元素的高度，高度，透明度，但不會修改字符長度，所以用判斷語句執(zhí)行的時候。不能用( $("#id").length>0)來判斷 而是用($("#id").css('display')=='block')來判斷。 如下代碼： $("button").click(function(){ if($("#a1").css('display')=='block'){ $("#a1").hide(2000); } else{ $("#a1").show(2000); } })查看全部
舉報
0/150
提交
取消