-
animate語法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) 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 和 %需要指定使用。 除了定義數值，每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏。 如果提供一個以+= 或 -=開始的值，那么目標值就是以這個屬性的當前值加上或者減去給定的數字來計算的 duration時間 動畫執行的時間，持續時間是以毫秒為單位的；值越大表示動畫執行的越慢，不是越快。還可以提供'fast' 和 'slow'字符串，分別表示持續時間為200 和 600毫秒。 easing動畫運動的算法 jQuery庫中默認調用 swing。如果需要其他的動畫算法，請查找相關的插件 complete回調 動畫完成時執行的函數，這個可以保證當前動畫確定完成后發會觸發查看全部
-
toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
fadeTo方法，可以讓改變元素透明度 語法： .fadeTo( duration, opacity ,callback)查看全部
-
fadeToggle切換fadeOut與fadeIn效果，所謂"切換"，即如果元素當前是可見的，則將其隱藏(淡出)；如果元素當前是隱藏的，則使其顯示(淡入)。查看全部
-
fadeIn()函數用于顯示所有匹配的元素，并帶有淡入的過渡動畫效果。 注意： 淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則使其可見查看全部
-
fadeOut()函數用于隱藏所有匹配的元素，并帶有淡出的過渡動畫效果。 這個動畫只調整元素的不透明度，也就是說所有匹配的元素的高度和寬度不會發生變化。查看全部
-
slideToggle（） 實現對元素進行上下拉卷效果的切換查看全部
-
上卷動畫slideUp 不帶參數：$("elem").slideUp(); 帶參數：.slideUp( [duration ] [, easing ] [, complete ] )查看全部
-
.slideDown()：用滑動動畫顯示一個匹配元素 .slideDown( [duration ] [, complete ] ) 持續時間（duration）是以毫秒為單位的，數值越大，動畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數被省略，那么默認使用400 毫秒的延時。 具體使用： $("ele").slideDown(1000, function() { //等待動畫執行1秒后,執行別的動作.... }); 注意事項： 1、下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 2、如 果提供回調函數參數，callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執查看全部
-
toggle();如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 toggle方法就是show與hide的相互切換的一個快捷方法，具體使用可以參考右邊的案例：查看全部
-
$('elem').hide(3000).show(3000) 讓元素執行3秒的隱藏動畫，然后執行3秒的顯示動畫。 注意事項： 1、show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 2、如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 3、如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
語法：$elem.hide() 提供參數：.hide( options ) 快捷參數：.hide("fast / slow") 這是一個動畫設置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后再隱藏查看全部
-
如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式查看全部
-
jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到 以下有3個a元素結構： <a>1</a> <a>2</a> <a>3</a> 通過jQuery獲取所有的a元素合集$("a")，如果想進一步在合集中找到第二2個dom元素單獨處理，可以通過get方法 語法： .get( [index ] ) 注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單，沒有多余的參數用法 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除 eg： <script type="text/javascript"> $("#exec1").click(function() { alert("值的長度：" + $("#results1").val().length) }); $("#exec2").click(function() { alert("值的長度：" + $.trim($("#results2").val()).length) }); </script>查看全部
舉報
0/150
提交
取消