演示所用陣列
var _mozi=['墨家','墨子','墨翟','兼愛非攻','尚同尚賢'];
1. $.each遍歷示例[常用]
$.each(_mozi,function(key,val));
2. $.grep()過濾陣列[常用]
$.grep(_mozi,function(val,key) });
var _mozigt1=$.grep(_mozi,function(val,key)); alert('_mozi陣列中索引值大於1的元素為: '+_mozigt1); var _mozilt1=$.grep(_mozi,function(val,key),true); //此處傳入了第三個可靠引數,對過濾函式中的返回值取反 alert('_mozi陣列中索引值小於等於1的元素為: '+_mozilt1);
3. $.map()按給定條件轉換陣列[一般]
var _maparra=$.map(_mozi,function(val)); var _maparrb=$.map(_mozi,function(val)); var _maparrc=$.map(_mozi,function(val)); alert('在每個元素後面加'[新加]'字元後的陣列為: '+ _maparra); alert('只給元素 墨子 新增字元後的陣列為: '+ _maparrb); alert('為原陣列中每個元素,擴充套件乙個新增字元'[新加]'的元素,返回的陣列為 '+_maparrc);
4. $.inarray()判斷值是否存在於陣列中[常用]
var _exist=$.inarray('墨子',_mozi); var _inexistence=$.inarray('衛鞅',_mozi) if(_exist>=0) if(_inexistence<0)
5. $.merge()合併兩個陣列[一般]
//原生concat()可能比它還簡潔點 _mozinew=$.merge(_mozi,['鬼谷子','商鞅','孫臏','龐涓','蘇秦','張儀']) alert('合併後新陣列長度為: '+_mozinew.length+'. 其值為: '+_mozinew);
6. $.unique()過濾陣列中重複元素[不常用]
var _h2arr=$.makearray(h2obj); //將陣列_h2arr重複一次 _h2arr=$.merge(_h2arr,_h2arr); var _curlen=_h2arr.length; _h2arr=$.unique(_h2arr); var _newlen=_h2arr.length; alert('陣列_h2arr原長度值為: '+_curlen+' ,過濾後為: '+_newlen +' .共過濾 '+(_curlen-_newlen)+'個重複元素')
7. $.makearray()類陣列物件轉換為陣列[不常用]
var _makearr=$.makearray(h2obj); alert('h2元素物件集合的資料型別轉換為: '+_makearr.constructor.name);
8. $.toarray()將所有dom元素恢復成陣列[不常用]
var _toarr=$('h2').toarray(); alert('h2元素集合恢復後的資料型別是: '+_toarr.constructor.name);
jquery操作物件陣列元素方法詳解
如下 如下 ab c1.錯誤方式 不能用方式取jquery物件陣列,如下 如下 function 這樣無效.2.可以用jquery的eq 方法來選擇 如下 for var i 0 i div span.length i 3.可以用each 方法來遍歷 如下 function each 遍歷的時候,如...
詳解jQuery動畫
jquery動畫分為內建動畫和自定義動畫 內建動畫 顯示show 隱藏hide 顯示隱藏切換toggle 上拉slideup 下拉slidedown 上拉下拉切換slidetoggle 淡入fadein 淡出fadeout 淡入淡出切換fadetoggle 透明度fadeto 自定義動畫 anima...
jQuery動畫詳解
本文最初發表於，並在github上持續更新前端的系列文章。歡迎在github上關注我，一起入門和高階前端。以下是正文。jquery提供的一組網頁中常見的動畫效果，這些動畫是標準的 有規律的效果 同時還提供給我們了自定義動畫的功能。方式一 div show 解釋 無引數，表示讓指定的元素直接顯示出來。...