-
index() index( selector ) index( element ) 如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符查看全部
-
語法： jQuery.inArray( value, array ,[ fromIndex ] )查看全部
-
each就是for循環(huán)方法的一個包裝，內(nèi)部就是通過for遍歷數(shù)組與對象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個參數(shù)是當(dāng)前迭代成員在對象或數(shù)組中的索引值(從0開始計數(shù))，第二個參數(shù)是當(dāng)前迭代成員(與this的引用相同查看全部
-
stop()：只會停止第一個動畫，第二個第三個繼續(xù) stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態(tài)?查看全部
-
jQuery中DOM元素的獲取index方法 get方法是通過已知的索引在合集中找到對應(yīng)的元素。如果反過來，已知元素如何在合集中找到對應(yīng)的索引呢？ .index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數(shù)。 語法：參數(shù)接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 簡單來說： <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 沒有傳遞參數(shù)，反正的結(jié)果是1，它的意思是返回同輩的排列循序，第一個li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1 如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結(jié)果：1 $("li").index($("#test2")) //結(jié)果:1查看全部
-
jQuery中DOM元素的獲取get方法 jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到 以下有3個a元素結(jié)構(gòu)： <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) 負(fù)索引值參數(shù) get方法還可以從后往前索引，傳遞一個負(fù)索引值，注意的負(fù)值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 這個函數(shù)很簡單，沒有多余的參數(shù)用法 需要注意： 移除字符串開始和結(jié)尾處的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始 如果數(shù)組中不存在該值，則返回 -1。查看全部
-
.each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數(shù)組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數(shù)傳遞的就是一個對象或者數(shù)組，第二個是回調(diào)函數(shù) $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { //index是索引,也就是數(shù)組的索引 //value就是數(shù)組中的值了 }); each就是for循環(huán)方法的一個包裝，內(nèi)部就是通過for遍歷數(shù)組與對象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個參數(shù)是當(dāng)前迭代成員在對象或數(shù)組中的索引值(從0開始計數(shù))，第二個參數(shù)是當(dāng)前迭代成員(與this的引用相同 jQuery.each()函數(shù)還會根據(jù)每次調(diào)用函數(shù)callback的返回值來決定后續(xù)動作。如果返回值為false，則停止循環(huán)(相當(dāng)于普通循環(huán)中的break)；如果返回其他任何值，均表示繼續(xù)執(zhí)行下一個循環(huán)。 $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { return false; //停止迭代 });查看全部
-
動畫在執(zhí)行過程中是允許被暫停的，當(dāng)一個元素調(diào)用.stop()方法，當(dāng)前正在運行的動畫（如果有的話）立即停止 語法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop還有幾個可選的參數(shù)，簡單來說可以這3種情況 .stop(); 停止當(dāng)前動畫，點擊在暫停處繼續(xù)開始 .stop(true); 如果同一元素調(diào)用多個動畫方法，尚未被執(zhí)行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當(dāng)調(diào)用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 .stop(true,true); 當(dāng)前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標(biāo)值 簡單的說：參考下面代碼、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只會停止第一個動畫，第二個第三個繼續(xù) stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態(tài)查看全部
-
animate在執(zhí)行動畫中，如果需要觀察動畫的一些執(zhí)行情況，或者在動畫進行中的某一時刻進行一些其他處理，我們可以通過animate提供的第二種設(shè)置語法，傳遞一個對象參數(shù)，可以拿到動畫執(zhí)行狀態(tài)一些通知 .animate( properties, options ) options參數(shù) duration - 設(shè)置動畫執(zhí)行的時間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動函數(shù) step：規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) progress：每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào)，就是一個進度的概念 complete：動畫完成回調(diào) 其中最關(guān)鍵的一點就是： 如果多個元素執(zhí)行動畫，回調(diào)將在每個匹配的元素上執(zhí)行一次，不是作為整個動畫執(zhí)行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
參數(shù)分解： properties：一個或多個css屬性的鍵值對所構(gòu)成的Object對象。要特別注意所有用于動畫的屬性必須是數(shù)字的，除非另有說明；這些屬性如果不是數(shù)字的將不能使用基本的jQuery功能。比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動畫效果的。background-color很明顯不可以，因為參數(shù)是red或者GBG這樣的值，非常用插件，否則正常情況下是不能只用動畫效果的。注意，CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設(shè)置，而非 CSS 名稱（比如 "font-size"）。 特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定義數(shù)值，每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏 .animate({ width: "toggle" }); 如果提供一個以+= 或 -=開始的值，那么目標(biāo)值就是以這個屬性的當(dāng)前值加上或者減去給定的數(shù)字來計算的 .animate({ left: '+=50px' }, "slow"); duration時間 動畫執(zhí)行的時間，持續(xù)時間是以毫秒為單位的；值越大表示動畫執(zhí)行的越慢，不是越快。還可以提供'fast' 和 'slow'字符串，分別表示持續(xù)時間為200 和 600毫秒。 easing動畫運動的算法 jQuery庫中默認(rèn)調(diào)用 swing。如果需要其他的動畫算法，請查找相關(guān)的插件 complete回調(diào) 動畫完成時執(zhí)行的函數(shù)，這個可以保證當(dāng)前動畫確定完成后發(fā)會觸發(fā)查看全部
-
操作一個元素執(zhí)行3秒的淡入動畫，對比一下2組動畫設(shè)置的區(qū)別 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3000) 語法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options )查看全部
-
val() 方法返回或設(shè)置被選元素的值。 元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。 如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。查看全部
舉報
0/150
提交
取消