-
eq返回的是一個jQuery對象,get返回的是一個DOM對象, 用法可以參考一下: $aaron.eq(1).css("color","blue") $aaron.get(-2).style.color = "#8A2BE2" 這個里面有很詳細的解答: http://www.xianlaiwan.cn/code/3416 eq() 返回的是jquery對象,get()返回的是html數組。jquery對象,沒有style。查看全部
-
jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單,沒有多余的參數用法 需要注意: 移除字符串開始和結尾處的所有換行符,空格(包括連續的空格)和制表符(tab),如果這些空白字符在字符串中間時,它們將被保留,不會被移除 例如: $.trim($("#results2").val()).length查看全部
-
查找數組中的索引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來進行判斷查看全部
-
.each只是處理jQuery對象的方法,jQuery還提供了一個通用的jQuery.each方法,用來處理對象和數組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數傳遞的就是一個對象或者數組,第二個是回調函數 $.each(["Aaron", "慕課網"], function(index, value) { //當遍歷數組時,index是索引,也就是數組的索引 //value就是數組中的值了 }); $.each({ name: "張三", age: 18 }, function(property, value) { //當遍歷屬性對象時,property為屬性名(name或age),value為屬性值; });查看全部
-
stop()停止當前動畫,后面的動畫繼續執行; stop(true)停止當前動畫,并且清空動畫隊列; stop(true,true)停止當前動畫直接跳到當前動畫目標結果,并且清空動畫隊列; stop([clearQueue],[gotoEnd]),clearQueue代表是否要清空未執行完的動畫隊列,gotoEnd代表是否直接將正在執行的動畫轉到末狀態,這兩個參數默認都為false。 stop(true,true)表示:清空動畫隊列(指不會進行后面的動畫);跳轉到當前動畫的末狀態。查看全部
-
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>');查看全部
-
step:function(a,b)表示每個動畫的每一步完成之后都要執行函數。 函數內的兩個參數,a表示正在改變的屬性值得當前值(例如本例第一個動畫的now就表示正在變化的heigh的當前值【并非是height的改變值哦~~】);b表示對原型對象的引用,而這個原型對象包括了很多屬性,例如 執行動畫的元素elem;動畫正在改變的屬性prop;正在改變屬性的當前值:now;等等等等。 可以嘗試將$aaron.text('高度的改變值:'+now)改為 +fx.elem,或者是 ++fx.prop 觀察動畫后的變化,就能差不多理解啦~~查看全部
-
參數分解: 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"); duration時間 動畫執行的時間,持續時間是以毫秒為單位的;值越大表示動畫執行的越慢,不是越快。還可以提供'fast' 和 'slow'字符串,分別表示持續時間為200 和 600毫秒。 easing動畫運動的算法 jQuery庫中是默認的時調用 swing。在一個恒定的速度進行動畫,如果需要其他的動畫算法,請查找相關的插件 complete回調 動畫完成時執行的函數,這個可以保證當前動畫確定完成后發會觸發查看全部
-
toggle、sildeToggle以及fadeToggle的區別: toggle:切換顯示與隱藏效果 sildeToggle:切換上下拉卷滾效果 fadeToggle:切換淡入淡出效果 toggle與slideToggle細節區別: toggle:動態效果為從右至左。橫向動作,toggle通過display來判斷切換所有匹配元素的可見性 slideToggle:動態效果從下至上。豎向動作,slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法: fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。 注釋:隱藏的元素不會被完全顯示(不再影響頁面的布局)查看全部
-
淡入效果fadeTo fadeIn和fadeOut都是修改元素的opacity屬性,變化的區間是0-1 fadeTo可以直接變化到給定的透明度。 .fadeTo(duration,opacity,function) 持續時間,透明度,回調函數(非必需)查看全部
-
hide、show、toggle都是修改元素display屬性 slideDown、slideUp、slideToggle都是修改元素height屬性 fadeIn、fadeOut、fadeToggle都是修改元素樣式的opacity屬性<br>查看全部
-
fadeToggle切換fadeOut與fadeIn效果,所謂"切換",即如果元素當前是可見的,則將其隱藏(淡出);如果元素當前是隱藏的,則使其顯示(淡入)。查看全部
-
淡入動畫fadeIn fadeOut是淡出效果,相反的還有淡入效fadeIn,方法使用上兩者都是一致的,只是結果相反 .fadeIn( [duration ] [, complete ] ) duration:指定過渡動畫運行多長時間(毫秒數),默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。 元素顯示完畢后需要執行的函數。函數內的this指向當前DOM元素。 fadeIn()函數用于顯示所有匹配的元素,并帶有淡入的過渡動畫效果。 注意: 淡入的動畫原理:操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的,不對其作任何改變。如果元素是隱藏的,則使其可見查看全部
-
val()方法,當沒設置value屬性時,獲取的是<option>中的文本,如“ <option>慕課網</option>”獲取到的是“慕課網”; 設置了value屬性的話,獲取到就是value的值,如“<option value=‘imooc’>慕課網</option>”獲取到的是“imooc”而不是“慕課網”了查看全部
-
淡出動畫fadeOut 讓元素在頁面不可見,常用的辦法就是通過設置樣式的display:none。除此之外還可以一些類似的辦法可以達到這個目的。這里要提一個透明度的方法,設置元素透明度為0,可以讓元素不可見,透明度的參數是0~1之間的值,通過改變這個值可以讓元素有一個透明度的效果。常見的淡入淡出動畫正是這樣的原理。 fadeOut()函數用于隱藏所有匹配的元素,并帶有淡出的過渡動畫效果 所謂"淡出"隱藏的,元素是隱藏狀態不對作任何改變,元素是可見的,則將其隱藏。 .fadeOut( [duration ] [, complete ] ) 通過不透明度的變化來實現所有匹配元素的淡出效果,并在動畫完成后可選地觸發一個回調函數。這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串,或者這個duration參數8被省略,那么默認使用400毫秒的延時查看全部
舉報
0/150
提交
取消