-
.show（）查看全部
-
/【顯示】按鈕 $("#btnShow").click(function() { $("p").show(); }); //【隱藏】按鈕 $("#btnFadeOut").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeOut(); } else if (v == "2") { $("p").fadeOut("slow"); } else if (v == "3") { $("p").fadeOut(3000); } else if (v == "4") { $("p").fadeOut(2000, function() { alert("隱藏完畢!"); }); } else if (v == "5") { $("p").fadeOut(1000, "linear"); } else if (v == "6") { $("p").fadeOut({ duration: 1000 }); } });查看全部
-
因為動畫是異步的，所以要在動畫之后執行某些操作就必須要寫到回調函數里面，這里要特別注意查看全部
-
$('elem').hide(3000).show(3000) 讓元素執行3秒的隱藏動畫，然后執行3秒的顯示動畫。查看全部
-
duration:3000 是執行的時間是3秒鐘， complete是回調，意指3秒鐘結束后執行 //點擊buttom2 執行動畫隱藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } }) });查看全部
-
each就是for循環方法的一個包裝，內部就是通過for遍歷數組與對象，通過回調函數返回內部迭代的一些參數，第一個參數是當前迭代成員在對象或數組中的索引值(從0開始計數)，第二個參數是當前迭代成員(與this的引用相同查看全部
-
.index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數。 語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 簡單來說： <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 沒有傳遞參數，反正的結果是1，它的意思是返回同輩的排列循序，第一個li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1 如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結果：1 $("li").index($("#test2")) //結果:1查看全部
-
語法： .get( [index ] ) 注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
去空格神器trim方法 頁面中，通過input可以獲取用戶的輸入值，例如常見的登錄信息的提交處理。用戶的輸入不一定是標準的，輸入一段密碼：' 1123456 "，注意了： 密碼的前后會留空，這可能是用戶的無心的行為，但是密碼確實又沒錯，針對這樣的行為，開發者應該要判斷輸入值的前后是否有空白符、換行符、制表符這樣明顯的無意義的輸入值。 jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單，沒有多余的參數用法 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
查找數組中的索引inArray 在PHP有in_array()判斷某個元素是否存在數組中，JavaScript卻沒有，但是jQuery封裝了inArray()函數判斷元素是否存在數組中。注意了：在ECMAScript5已經有數據的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法 jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array [, fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數傳遞的就是一個對象或者數組，第二個是回調函數 $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值了 }); each就是for循環方法的一個包裝，內部就是通過for遍歷數組與對象，通過回調函數返回內部迭代的一些參數，第一個參數是當前迭代成員在對象或數組中的索引值(從0開始計數)，第二個參數是當前迭代成員(與this的引用相同 jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false，則停止循環(相當于普通循環中的break)；如果返回其他任何值，均表示繼續執行下一個循環。 $.each(["Aaron", "慕課網"], function(index, value) { return false; //停止迭代 }); jQuery方法可以很方便的遍歷一個數據，不需要考慮這個數據是對象還是數組查看全部
-
stop還有幾個可選的參數，簡單來說可以這3種情況 .stop(); 停止當前動畫，點擊在暫停處繼續開始 .stop(true); 如果同一元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 .stop(true,true); 當前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標值查看全部
-
動畫animate(下) animate在執行動畫中，如果需要觀察動畫的一些執行情況，或者在動畫進行中的某一時刻進行一些其他處理，我們可以通過animate的提供第二種設置語法，傳遞一個對象參數，可以拿到動畫執行狀態一些通知 .animate( properties, options ) options參數 duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數 step：規定每個動畫的每一步完成之后要執行的函數 progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念 complete：動畫完成回調 其中最關鍵的一點就是： 如果多個元素執行動畫，回調將在每個匹配的元素上執行一次，不是作為整個動畫執行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
語法： .animate( properties [, duration ] [, easing ] [, complete ] ) .animate( properties, options ) duration時間 動畫執行的時間，持續時間是以毫秒為單位的；值越大表示動畫執行的越慢，不是越快。還可以提供'fast' 和 'slow'字符串，分別表示持續時間為200 和 600毫秒。 easing動畫運動的算法 jQuery庫中是默認的時調用 swing。在一個恒定的速度進行動畫，如果需要其他的動畫算法，請查找相關的插件 complete回調 動畫完成時執行的函數，這個可以保證當前動畫確定完成后發會觸發 參數分解： properties：一個或多個css屬性的鍵值對所構成的Object對象。要特別注意所有用于動畫的屬性必須是數字的，除非另有說明；這些屬性如果不是數字的將不能使用基本的jQuery功能。比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產生動畫效果的。background-color很明顯不可以，因為參數是red或者GBG這樣的值，非常用插件，否則正常情況下是不能只能動畫效果的。注意，CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設置，而非 CSS 名稱（比如 "font-size"）。 特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定義數值，每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏 .animate({ width: "toggle" }); 如果提供一個以+= 或 -=開始的值，那么目標值就是以這個屬性的當前值加上或者減去給定的數字來計算的 .animate({ left: '+50px' }, "slow");查看全部
-
toggle與slideToggle以及fadeToggle的比較 操作元素的顯示和隱藏可以有幾種方法。 例如： 改變樣式diplay為none 位置高度為0 透明度為0 都能達到這個目的，并且針對這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeInOut。除此之外，還引入了toggle、sildeToggle以及fadeToggle切換方法 toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節上還是有更多的不同點: toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
舉報
0/150
提交
取消