-
jQuery中上卷動畫slideUp 對于顯示的元素，在將其隱藏的過程中，可以對其進(jìn)行一些變化的動畫效果。之前學(xué)過了hide方法，hide方法在顯示的過程中也可以有動畫，但 是.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動畫操作。這里將要學(xué)習(xí)一個新的顯示方法slideUp方法 最簡單的使用：不帶參數(shù) $("elem").slideUp(); 這個使用的含義就是：找到元素的高度，然后采用一個下滑動畫讓元素一直滑到隱藏，當(dāng)高度為0的時(shí)候，也就是不可見的時(shí)，修改元素display 樣式屬性被設(shè)置為none。這樣就能確保這個元素不會影響頁面布局了 帶參數(shù)： .slideUp( [duration ] [, easing ] [, complete ] ) 同樣可以提供一個時(shí)間，然后可以使用一種過渡使用哪種緩動函數(shù)，jQuery默認(rèn)就2種，可以通過下載插件支持。最后一個動畫結(jié)束的回調(diào)方法。 因?yàn)閯赢嬍钱惒降?，所以要在動畫之后?zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面，這里要特別注意查看全部
-
jQuery中下拉動畫slideDown 對于隱藏的元素，在將其顯示出來的過程中，可以對其進(jìn)行一些變化的動畫效果。之前學(xué)過了show方法，show方法在顯示的過程中也可以有動畫，但是.show()方法將會匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動畫操作。這里將要學(xué)習(xí)一個新的顯示方法slideDown方法 .slideDown()：用滑動動畫顯示一個匹配元素 .slideDown()方法將給匹配元素的高度的動畫，這會導(dǎo)致頁面的下面部分滑下去，彌補(bǔ)了顯示的方式 常見的操作，提供一個動畫是時(shí)間，然后傳遞一個回調(diào)，用于知道動畫是什么時(shí)候結(jié)束 .slideDown( [duration ] [, complete ] ) 持續(xù)時(shí)間（duration）是以毫秒為單位的，數(shù)值越大，動畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認(rèn)使用400 毫秒的延時(shí)。 具體使用： $("ele").slideDown(1000, function() { //等待動畫執(zhí)行1秒后,執(zhí)行別的動作.... }); 注意事項(xiàng)： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none 如 果提供回調(diào)函數(shù)參數(shù)，callback會在動畫完成的時(shí)候調(diào)用。將不同的動畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會設(shè)成將要執(zhí)行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調(diào)函數(shù)會在每一個元素執(zhí)行完動畫后都執(zhí)行一次，而不是這組 動畫整體才執(zhí)行一次查看全部
-
jQuery中顯示與隱藏切換toggle方法 show與hide是一對互斥的方法。需要對元素進(jìn)行顯示隱藏的互斥切換，通常情況是需要先判斷元素的display狀態(tài)，然后調(diào)用其對應(yīng)的處理方法。比如顯示的元素，那么就要調(diào)用hide，反之亦然。 對于這樣的操作行為，jQuery提供了一個便捷方法toggle用于切換顯示或隱藏匹配元素 基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 display屬性將被儲存并且需要的時(shí)候可以恢復(fù)。如果一個元素的display值為inline，然后是隱藏和顯示，這個元素將再次顯示inline 提供參數(shù)：.toggle( [duration ] [, complete ] ) 同樣的提供了時(shí)間、還有動畫結(jié)束的回調(diào)。在參數(shù)對應(yīng)的時(shí)間內(nèi)，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進(jìn)行一系列動畫效果。這個元素其實(shí)就是show與hide的方法 直接定位：.toggle(display) 直接提供一個參數(shù)，指定要改變的元素的最終效果 其實(shí)就是確定是使用show還是hide方法查看全部
-
jQuery中顯示元素的show方法 css中有display:none屬性，同時(shí)也有display:block，所以jQuery同樣提供了與hide相反的show方法 方法的使用幾乎與hide是一致的，hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示 看一段代碼：使用上一致，結(jié)果相反 $('elem').hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動畫，然后執(zhí)行3秒的顯示動畫。 show與hide方法是非常常用的，但是一般很少會基于這2個屬性執(zhí)行動畫，大多情況下還是直接操作元素的顯示與隱藏為主查看全部
-
jQuery中隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性。但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時(shí)候，一般是通過js控制元素的style屬性，這里jQuery提供了一個快捷的方法.hide()來達(dá)到這個效果 $elem.hide() 提供參數(shù)： .hide( options ) 當(dāng)提供hide方法一個參數(shù)時(shí)，.hide()就會成為一個動畫方法。.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動畫操作 快捷參數(shù)： .hide("fast / slow") 這是一個動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)，就是元素會執(zhí)行200/600毫秒的動畫后再隱藏 注意： jQuery在做hide操作的時(shí)候，是會保存本身的元素的原始屬性值，再之后通過對應(yīng)的方法還原的時(shí)候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個元素將再次顯示inline。一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個元素將不再在頁面中影響布局查看全部
-
stop() 動畫隊(duì)列如果有多個動畫,停止當(dāng)前執(zhí)行的動畫,開始下一個動畫 stop(true) 真正的停止,當(dāng)前動畫停止,隊(duì)列里后續(xù)動畫也不執(zhí)行 stop(true,true) 當(dāng)前動畫動作停止，并且直接展示所有動畫完成后的最終狀態(tài)查看全部
-
width: "toggle" //設(shè)置為左右隱藏 height:"toggle" //設(shè)置為上下滑動隱藏 opacity:"toggle" //設(shè)置為淡出淡入隱藏 opacity是透明度查看全部
-
index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計(jì)數(shù)。 語法：參數(shù)接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
1，如果需要單獨(dú)操作合集中的的某一個元素，可以通過.get()方法獲取到 2，語法： .get( [index ] ) 3，注意2點(diǎn) get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 4，負(fù)索引值參數(shù) get方法還可以從后往前索引，傳遞一個負(fù)索引值，注意的負(fù)值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符， 移除字符串開始和結(jié)尾處的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） 如果這些空白字符在字符串中間時(shí)，它們將被保留，不會被移除查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始查看全部
-
1，jQuery的大部分方法都是針元素合集的操作，所以jQuery會提供$(selector).each()來遍歷jQuery對象 .each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數(shù)組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 2，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; //停止迭代 });查看全部
-
1, .stop(); 停止當(dāng)前動畫，點(diǎn)擊在暫停處繼續(xù)開始 .stop(true); 如果同一元素調(diào)用多個動畫方法，尚未被執(zhí)行的動畫被放置在元素的效果隊(duì)列中。這些動畫不會開始，直到第一個完成。當(dāng)調(diào)用.stop()的時(shí)候，隊(duì)列中的下一個動畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊(duì)列中的動畫其余被刪除并永遠(yuǎn)不會運(yùn)行 .stop(true,true); 當(dāng)前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標(biāo)值 2,stop()：只會停止第一個動畫，第二個第三個繼續(xù) stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態(tài)查看全部
-
animate在執(zhí)行動畫中，如果需要觀察動畫的一些執(zhí)行情況，或者在動畫進(jìn)行中的某一時(shí)刻進(jìn)行一些其他處理，我們可以通過animate提供的第二種設(shè)置語法，傳遞一個對象參數(shù)，可以拿到動畫執(zhí)行狀態(tài)一些通知 .animate( properties, options ) options參數(shù) duration - 設(shè)置動畫執(zhí)行的時(shí)間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動函數(shù) step：規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) progress：每一次動畫調(diào)用的時(shí)候會執(zhí)行這個回調(diào)，就是一個進(jìn)度的概念 complete：動畫完成回調(diào)查看全部
-
1,.animate()方法允許我們在任意的數(shù)值的CSS屬性上創(chuàng)建動畫 2,注意，CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設(shè)置，而非 CSS 名稱（比如 "font-size"）。 3,特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 4,每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏 5,complete回調(diào) 動畫完成時(shí)執(zhí)行的函數(shù)，這個可以保證當(dāng)前動畫確定完成后發(fā)會觸發(fā)查看全部
舉報(bào)
0/150
提交
取消