-
toogle使用方法： 如果元素最開始的狀態是顯示， $('.Element').toggle(3000)就代表3秒后元素就會被隱藏， 反之元素的最開始狀態是隱藏， $('.Element').toggle(3000)就代表3秒后元素就會被顯示。查看全部
-
jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單，沒有多余的參數用法 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
語法： jQuery.inArray( value, array ,[ fromIndex ] ) ================================ 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4 ======================= 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
each就是for循環方法的一個包裝，內部就是通過for遍歷數組與對象，通過回調函數返回內部迭代的一些參數，第一個參數是當前迭代成員在對象或數組中的索引值(從0開始計數)，第二個參數是當前迭代成員(與this的引用相同 jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false，則停止循環(相當于普通循環中的break)；如果返回其他任何值，均表示繼續執行下一個循環。 =================== $.each(['Aaron', '慕課網'], function(i, item) { $aaron.append("索引=" + i + "; 元素=" + item); }); } else if (v == "2") { // 遍歷對象屬性 $.each({ name: "張三", age: 18 }, function(property, value) { $aaron.append("屬性名=" + property + "; 屬性值=" + value); });查看全部
-
jQuery中DOM元素的獲取index方法: 從匹配的元素中搜索給定元素的索引值，從0開始計數。 1. .index(): 無參數，返回值就是jQuery對象中第一個元素相對于它同輩元素的位置； 2. .index( selector )： 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1； 3. .index( element )： 參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置；查看全部
-
jQuery中DOM元素的獲取get方法：獲取合集中的的某一個元素 .get( [index ] ) 注意： 1. get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象； 2. get方法是從0開始索引； 3. 負索引值參數：get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1；查看全部
-
jQuery中去空格神器trim方法： jQuery.trim()函數用于去除字符串兩端的空白字符，無參數； 需要注意： 1. 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab）； 2. 如果這些空白字符在字符串中間時，它們將被保留，不會被移除；查看全部
-
jQuery中查找數組中的索引inArray： 在ECMAScript5已經有數據的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法，用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 jQuery.inArray( value, array ,[ fromIndex ] )： 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始； 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
jQuery中each方法的應用: 處理對象和數組的遍歷 1. jQuery.each(array, callback ): $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引值(從0開始計數) //value就是數組中的值了 }); 2. jQuery.each( object, callback )： $.each({ name: "張三", age: 18 }, function(property, value) { //property是屬性,也就是對象中的屬性名 //value就是對象中的屬性的值了 });查看全部
-
$("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只會停止第一個動畫，第二個第三個繼續 stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態查看全部
-
.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>'); } });查看全部
-
jQuery中動畫animate(上): .animate( properties ,[ duration ], [ easing ], [ complete ] ) 參數分解： 1. properties： .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); ============ .animate({ width: "toggle" }); ================= .animate({ left: '+=50px' }, "slow"); 2. duration時間： ...以毫秒為單位； ...還可以提供'fast' 和 'slow'字符串，分別表示持續時間為200 和 600毫秒； 3. easing動畫運動的算法： ...jQuery庫中默認調用 swing。如果需要其他的動畫算法，請查找相關的插件； 4. complete回調： ...保證當前動畫確定完成后發會觸發執行的函數。查看全部
-
具體使用： $("ele").slideDown(1000, function() { //等待動畫執行1秒后,執行別的動作.... }); ==================== 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 如 果提供回調函數參數，callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次查看全部
-
$('elem').hide(3000).show(3000) ============= 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
考慮考慮查看全部
舉報
0/150
提交
取消