-
1、slideDown與slideUp是一對相反的方法。需要對元素進行上下拉卷效果的切換，jQuery提供了一個便捷方法 ①slideToggle：用滑動動畫顯示或隱藏一個匹配元素 2、slideToggle()方法 （1）基本的操作：slideToggle(); 獲取元素的高度，使這個元素的高度發(fā)生改變，讓元素里的內(nèi)容往下、上滑。 （2）提供參數(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，以確保該元素不再影響頁面布局查看全部
-
顯示元素的show方法： $("elem").hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動畫，然后執(zhí)行3秒的顯示動畫。 如果使用了!important在樣式中，比如display:none !important, 如果希望.show()方法能正常工作，必須使用.css("display","block !important")重寫樣式。查看全部
-
顯示元素的show方法 css中有display:none屬性，同時也有display:block，所以jQuery同樣提供了與hide相反的show方法 方法的使用幾乎與hide是一致的，hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示 看一段代碼：使用上一致，結(jié)果相反 $('elem').hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動畫，然后執(zhí)行3秒的顯示動畫。 show與hide方法是非常常用的，但是一般很少會基于這2個屬性執(zhí)行動畫，大多情況下還是直接操作元素的顯示與隱藏為主 注意事項： show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設(shè)置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法才能正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執(zhí)行動畫會改變元素的高度，高度，透明度查看全部
-
1、hide方法在顯示的過程中也可以有動畫，但是.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作。 2、新的隱藏方法slideUp方法 （1）最簡單的使用：不帶參數(shù)$("elem").slideUp(); 含義：找到元素的高度，然后采用一個下滑動畫讓元素一直滑到隱藏，當(dāng)高度為0的時候，也就是不可見的時，修改元素display 樣式屬性被設(shè)置為none。這樣就能確保這個元素不會影響頁面布局了 （2）帶參數(shù)：.slideUp( [duration ] [, easing ] [, complete ] ) 同樣可以提供一個時間，然后可以使用一種過渡使用哪種緩動函數(shù)，jQuery默認就2種，可以通過下載插件支持。最后一個動畫結(jié)束的回調(diào)方法。 注意：因為動畫是異步的，所以要在動畫之后執(zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面。查看全部
-
隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性。但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時候，一般是通過js控制元素的style屬性，這里jQuery提供了一個快捷的方法.hide()來達到這個效果 $elem.hide() 提供參數(shù)： .hide( options ) 當(dāng)提供hide方法一個參數(shù)時，.hide()成為一個動畫方法。.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作 快捷參數(shù)： .hide(fast / slow) 這是一個動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執(zhí)行200/600毫秒的動畫后在隱藏 注意： jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應(yīng)的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度 達到0，display樣式屬性將被設(shè)置為none，這個元素將不再在頁面中影響布局查看全部
-
1、show方法在顯示的過程中也可以有動畫，但是.show()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作。 2、新的顯示方法slideDown方法 （1）.slideDown()：用滑動動畫顯示一個匹配元素 （2）.slideDown()方法將給匹配元素的高度的動畫，這會導(dǎo)致頁面的下面部分滑下去，彌補了顯示的方式 3、常見的操作，提供一個動畫是時間，然后傳遞一個回調(diào)，用于知道動畫是什么時候結(jié)束 .slideDown( [duration ] [, complete ] ) ①持續(xù)時間（duration）：以毫秒為單位的，數(shù)值越大，動畫越慢。 ②字符串'fast'和'slow'分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認使用400 毫秒的延時。 4、具體使用： $("ele").slideDown(1000, function() { //等待動畫執(zhí)行1秒后,執(zhí)行別的動作.... }); 注意事項： （1）下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none （2）如果提供回調(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í)行一次查看全部
-
1、show與hide是一對互斥的方法。需要對元素進行顯示隱藏的互斥切換 ①通常情況是需要先判斷元素的display狀態(tài)，然后調(diào)用其對應(yīng)的處理方法。比如顯示的元素，那么就要調(diào)用hide，反之亦然。太麻煩 ②對于這樣的操作行為，jQuery提供了一個便捷方法toggle用于切換顯示或隱藏匹配元素 2、toggle() 這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數(shù)，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 ①如果元素是最初顯示，它會被隱藏 ②如果隱藏的，它會顯示出來 display屬性將被儲存并且需要的時候可以恢復(fù)。如果一個元素的display值為inline，然后是隱藏和顯示，這個元素將再次顯示inline （1）提供參數(shù)：.toggle( [duration ] [, complete ] ) 同樣的提供了時間、還有動畫結(jié)束的回調(diào)。在參數(shù)對應(yīng)的時間內(nèi)，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫。這個元素其實就是show與hide的方法 （2）直接定位：.toggle(display) 直接提供一個參數(shù)，指定要改變的元素的最終效果 其實就是確定是使用show還是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide(); } toggle方法就是show與hide的相互切換的一個快捷方法查看全部
-
如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置(eg：li集合的位置。) 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
1、css中有display:none屬性，也有display:block。所以jQuery同樣提供了 ①.hide()方法：頁面上的元素隱藏 ②.show()方法：頁面上的元素顯示（方法的使用幾乎與hide是一致的） 2、例如 $('elem').hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動畫，然后執(zhí)行3秒的顯示動畫。 show與hide方法是非常常用的，但是一般很少會基于這2個屬性執(zhí)行動畫，大多情況下還是直接操作元素的顯示與隱藏為主 注意事項： ①show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設(shè)置 ②如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法才能正常工作，必須使用.css('display', 'block !important')重寫樣式 ③如果讓show與hide成為一個動畫，那么默認執(zhí)行動畫會改變元素的高度，高度，透明度查看全部
-
get方法是獲取dom對象，eq方法是獲取jq對象查看全部
-
1、讓頁面上的元素不可見， ①一般可以通過設(shè)置css的display為none屬性。但是通過css直接修改是靜態(tài)的布局， ②如果在代碼執(zhí)行的時候，一般是通過JS控制元素的style屬性，這里jQuery提供了一個快捷的方法.hide()來達到這個效果 2、$elem.hide() （1）提供參數(shù)：.hide( options ) 當(dāng)提供hide方法一個參數(shù)時，.hide()成為一個動畫方法。.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作 （2）快捷參數(shù)：.hide(fast / slow) 這是一個動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執(zhí)行200/600毫秒的動畫后在隱藏 注意： jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應(yīng)的方法還原的時候還是初始值。 比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度達到0，display樣式屬性將被設(shè)置為none，這個元素將不再在頁面中影響布局查看全部
-
數(shù)組和對象在進行each方法時回調(diào)函數(shù)function的參數(shù)不盡相同，數(shù)組中第一個為索引，而對象中的第一個為屬性名。 在回調(diào)函數(shù)中輸入return false（if（i==3）{return false}）為停止循環(huán)。查看全部
-
1、jQuery的動畫效果 2、jQuery的核心技巧查看全部
-
隱藏元素的hide方法 執(zhí)行動畫隱藏： .hide(fast/slow) fast和slow分別代表200和600毫秒的延時，就是元素會執(zhí)行200、600毫秒的動畫后再隱藏。 例子： $("#a2").hide(2000); 如果要設(shè)置動畫的多個參數(shù)： $("#a2").hide({ duration:2000, complete:function(){ alert("執(zhí)行2000毫秒動畫完畢") } })查看全部
-
通過 .get([index])方法獲取dom對象，如果不傳入index獲取全部對象，可通過$.each遍歷。index可以是負數(shù)。 $(selector)[index]也可以獲取dom對象，但是index不能是負數(shù)。查看全部
舉報
0/150
提交
取消