-
【待自己寫一遍：】 <script type="text/javascript"> //【切換顯示/隱藏】按鈕 $("#btnFadeSwitch").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeTo("slow", 0.5); } else if (v == "2") { $("p").fadeTo(1000, 0.2); } else if (v == "3") { $("p").fadeTo(1000, 0.9, function() { alert('完成') }); } }); </script>查看全部
-
【最后來看代碼怎么寫，因為animation還沒學】 $("#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 }); } });查看全部
-
stop() 動畫隊列如果有多個動畫,停止當前執行的動畫,開始下一個動畫 stop(true) 真正的停止,當前動畫停止,隊列里后續動畫也不執行 stop(true,true) 當前動畫動作停止，并且直接展示所有動畫完成后的最終狀態查看全部
-
toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果,改變樣式display為none,動態效果為從右至左。 sildeToggle：切換上下拉卷滾效果,設置位置高度為0,動態效果從下至上。 fadeToggle：切換淡入淡出效果,設置透明度為0查看全部
-
基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來查看全部
-
上卷下拉切換slideToggle查看全部
-
CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設置，而非 CSS 名稱（比如 "font-size"）查看全部
-
.val()方法，當沒設置value屬性時，獲取的是<option>中的文本，如“ <option>慕課網</option>”獲取到的是“慕課網”； 設置了value屬性的話，獲取到就是value的值，如“<option value=‘imooc’>慕課網</option>”獲取到的是“imooc”而不是“慕課網”了。查看全部
-
jQuery中DOM元素的獲取index方法 從匹配的元素中搜索給定元素的索引值，從0開始計數。 1. .index(): 無參數，返回值就是jQuery對象中第一個元素相對于它同輩元素的位置； 2. .index( selector )： 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1； 3. .index( element )： 參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置；查看全部
-
jQuery中DOM元素的獲取get方法 $(a).get(1) //從前往后 $(a).get(-2) //從后往前 注意：get方法是獲取的dom對象 get方法是從0開始索引 負值的索引起始值是-1查看全部
-
jQuery中去空格trim方法 用于去除字符串兩端的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除 $.trim($("#results2").val())查看全部
-
jQuery中查找數組中的索引inArray $.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4查看全部
-
jQuery中each方法的應用 jQuery.each(array, callback ) jQuery.each( object, callback ) $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值了 }); $.each({ name: "張三", age: 18 }, function(property, value) { $aaron.append("屬性名=" + property + "; 屬性值=" + value); }); jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false，則停止循環(相當于普通循環中的break)；如果返回其他任何值，均表示繼續執行下一個循環。 $.each(["Aaron", "慕課網"], function(index, value) { return false; //停止迭代 });查看全部
-
jQuery中停止動畫stop stop()：只會停止第一個動畫，第二個第三個繼續 stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態查看全部
-
jQuery中動畫animate(下) .animate( properties, options ) $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, //每一個動畫都會調用 step: function(now, fx) { $aaron.text('高度的改變值:'+now) }, //每一步動畫完成后調用的一個函數， //無論動畫屬性有多少，每個動畫元素都執行單獨的函數 progress: function(now, fx) { $aaron.text('進度:'+arguments[1]) }, complete: function() { $(this).after('<div>Animation complete.</div>'); } now:是當前動畫正在改變的屬性的實時值； fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 執行動畫的元素：elem; 動畫正在改變的屬性：prop; 正在改變屬性的當前值：now; 正在改變屬性的結束值：end; 正在改變屬性的單位：unit;等 可在這里改變animate第1個參數中設置的屬性bb在動畫結束時的值查看全部
舉報
0/150
提交
取消