JQuery 操作Javascript對(duì)象和數(shù)組的工具函數(shù)小結(jié)
JQuery操作非集合數(shù)組函數(shù)
$.trim(value)
這個(gè)函數(shù)很簡(jiǎn)單,從value中刪除任何前導(dǎo)或尾隨的空白字符??瞻鬃址麨槿魏纹ヅ銳avascript正則表達(dá)式\s的任何字符。包括空格、換頁(yè)、換行、回車(chē)、tab、垂直指標(biāo)符等。
$.each(container, callback)
對(duì)container的每一項(xiàng)進(jìn)行迭代,為每一項(xiàng)調(diào)用回調(diào)函數(shù)callback。
container 可以是對(duì)象或數(shù)組。如果是js對(duì)象,則迭代其每個(gè)屬性;如果是數(shù)組,則迭代其每個(gè)元素。
callback 回調(diào)函數(shù)。為每個(gè)迭代的調(diào)用一次。第一個(gè)參數(shù)數(shù)組元素的下標(biāo)或?qū)ο髮傩缘拿Q(chēng),第二個(gè)參數(shù)是對(duì)應(yīng)數(shù)組元素或?qū)ο髮傩缘闹?。調(diào)用的函數(shù)上下文(this)和第二個(gè)函數(shù)相同。
var obj = {a:1, b:2, c:3};
$.each(obj, function(name, value){
alert(name + ':' + value);
});
$.extend(target, source1, source2, ..., sourcen)
用source1...n 對(duì)象的屬性來(lái)擴(kuò)展target對(duì)象。返回值為擴(kuò)展后的對(duì)象。
var target = { a:1, b:2, c:3 };
var source1 = { c:4, d:5, e:6 };
var source2 = { e:7, f:8, g:9 };
$.extend(target, source1, source2);
$.each(target, function(name, value){
alert(name + ':' + value);
});
返回的值為{a:1, b:2, c:4, d:5, e:7, f:8, g:9}
$.getScript(url, callback)
動(dòng)態(tài)加載js腳本。并在成功獲取腳本時(shí)調(diào)用回調(diào)函數(shù)。
$.noConflict
避免$別名沖突。一旦執(zhí)行$.noConflict函數(shù),就必須使用jQuery名稱(chēng)調(diào)用。
JQuery處理數(shù)組函數(shù)
$.each(container, callback)
這個(gè)函數(shù)也可以迭代數(shù)組。具體說(shuō)明上面有。
$.grep(array, callback, invert)
遍歷已傳入的數(shù)組,為各元素調(diào)用對(duì)調(diào)函數(shù)?;卣{(diào)函數(shù)的返回值決定是否把當(dāng)前元素收集到新數(shù)組,新數(shù)組作為$.grep的返回值。callback回調(diào)函數(shù)需要返回一個(gè)bool類(lèi)型的值。如果invert省略或?yàn)閒alse,則回調(diào)函數(shù)返回TRUE的元素被收集到返回結(jié)果中。invert為true,則回調(diào)函數(shù)返回false的元素被收集到返回結(jié)果中。
$.map(array, callback)
遍歷數(shù)組,為各元素調(diào)用callback函數(shù),并把callback函數(shù)返回值收集到新數(shù)組中返回。
$.inArray(value,array)
返回已傳入的值在數(shù)組中第一次出現(xiàn)的下標(biāo)。如果該值在數(shù)組中不存在,返回-1。
- javascript 數(shù)組去重復(fù)(在線(xiàn)去重工具)
- JavaScript1.6數(shù)組新特性介紹以及JQuery的幾個(gè)工具方法
- 如何將JSON字符串?dāng)?shù)組轉(zhuǎn)對(duì)象集合
- JavaScript詳解類(lèi)數(shù)組與可迭代對(duì)象的實(shí)現(xiàn)原理
- JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的三種方法詳解
- 28個(gè)JS常用數(shù)組方法總結(jié)
- js判斷兩個(gè)數(shù)組相等的5種方法實(shí)例
- 一文掌握J(rèn)avaScript數(shù)組常用工具函數(shù)總結(jié)
相關(guān)文章
JQuery實(shí)現(xiàn)動(dòng)態(tài)適時(shí)改變字體顏色的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)動(dòng)態(tài)適時(shí)改變字體顏色的方法,實(shí)例分析了jQuery操作鼠標(biāo)事件及顏色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jquery學(xué)習(xí)筆記之無(wú)new構(gòu)建詳解
大部分人使用 jQuery 的時(shí)候都是使用第一種無(wú) new 的構(gòu)造方式,直接 $('') 進(jìn)行構(gòu)造,這也是 jQuery 十分便捷的一個(gè)地方。這篇文章主要給大家介紹了關(guān)于jquery學(xué)習(xí)筆記之無(wú)new構(gòu)建的相關(guān)資料,需要的朋友們下面來(lái)一起看看吧。2017-12-12jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
文章主要向大家介紹了jQuery 根據(jù)值或者文本選中select的方法和示例,非常實(shí)用的功能,需要的朋友可以參考下2015-02-02jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
這篇文章主要介紹了jQuery插件kinMaxShow擴(kuò)展效果用法,實(shí)例分析了kinMaxShow擴(kuò)展的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08bootstrap+spring boot實(shí)現(xiàn)面包屑導(dǎo)航功能(前端代碼)
這篇文章主要介紹了bootstrap+spring boot實(shí)現(xiàn)面包屑導(dǎo)航,在cms建站時(shí)都會(huì)有這種面包屑導(dǎo)航功能,文中給出了前端實(shí)例代碼,需要的朋友可以參考下2019-10-10Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點(diǎn)之后”挨著它的第一個(gè)“同類(lèi)同輩”元素。nextAll()方法用于獲取“節(jié)點(diǎn)之后”所有的元素2014-07-07jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼(移動(dòng)端)
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼,適合用于移動(dòng)端。需要的朋友可以參考下2017-05-05