亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery函數map()和each()介紹及異同點分析

2019-11-20 13:56:37
字體:
來源:轉載
供稿:網友

方法語法:map()

map(callback)
為包裝集中的每一個元素調用回調函數,并將返回值收集到jQuery對象的實例中。
參數
callback (函數)回調函數,為包裝集中的每個元素調用該函數。
比如,下面的代碼將頁面上所有div元素的id值收集到一個javascript數組中:

復制代碼 代碼如下:

var iDs = $("div").map(function(){
    return (this.id==undefined) ? null :this.id;
}).get();

再看如下的表單中包含的一組 checkbox 框:

復制代碼 代碼如下:

<form method="post" action="">
<fieldset>
<div>
<label for="two">2</label>
<input type="checkbox" value="2" id="two" name="number[]">
</div>
<div>
<label for="four">4</label>
<input type="checkbox" value="4" id="four" name="number[]">
</div>
<div>
<label for="six">6</label>
<input type="checkbox" value="6" id="six" name="number[]">
</div>
<div>
<label for="eight">8</label>
<input type="text" value="8" id="eight" name="number[]">
</div>
</fieldset>
</form>

我們可以得到一個用逗號分隔的復選框 ID:

復制代碼 代碼如下:

$(':checkbox').map(function() {
return this.id;
}).get().join();

此調用的結果是字符串, "two,four,six".

在回調函數中,this指向每次迭代中的當前DOM元素。

方法語法:each()

each(iterator)
遍歷匹配集里所有的元素,為每一個元素調用傳入的迭代函數
iterator (函數)回調函數,為匹配集中的每個元素調用
each()方法也可以用來遍歷javascript數組對象甚至單個對象,舉個栗子:

復制代碼 代碼如下:

$([a,b,c,d]).each(function(){
    alert(this);
})

這個語句會為傳入$()中數組的每個元素調用迭代函數,函數中的this指向單獨的數組項。

每次回調函數執行時,會傳遞當前循環次數作為參數(從0開始計數)。更重要的是,回調函數是在當前DOM元素為上下文的語境中觸發的。因此關鍵字 this 總是指向這個元素。

假設頁面上有這樣一個簡單的無序列表。

復制代碼 代碼如下:

<ul>
<li>foo</li>
<li>bar</li>
</ul>

你可以選中并迭代這些列表:

復制代碼 代碼如下:

$( "li" ).each(function( index ) {
console.log( index + ": "" + $(this).text() );
});

列表中每一項會顯示在下面的消息中:

0: foo
1: bar
兩者的區別

map()方法主要用來遍歷操作數組和對象,each()主要用于遍歷jquery對象。

each()返回的是原來的數組,并不會新創建一個數組。
map()方法會返回一個新的數組。如果在沒有必要的情況下使用map,則有可能造成內存浪費。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩中文字幕在线| 一区二区三区美女xx视频| 最好看的2019的中文字幕视频| 亚洲一区中文字幕| 日韩av片电影专区| 欧美黑人xxxⅹ高潮交| 日韩美女视频中文字幕| 免费av在线一区| 欧美激情成人在线视频| 国产在线a不卡| 不用播放器成人网| 九九热精品视频| 久久久久久999| 国产精品1区2区在线观看| 中文字幕视频一区二区在线有码| 成人激情视频在线播放| 色青青草原桃花久久综合| 欧美视频中文在线看| 国产精品久久久久aaaa九色| 日韩有码在线电影| 91系列在线播放| 欧美在线影院在线视频| 爽爽爽爽爽爽爽成人免费观看| 久久久久久久久久久网站| 久久久视频免费观看| 91免费版网站入口| 日韩在线观看免费全集电视剧网站| 国产一区二区在线免费| 亚洲欧美在线免费观看| 亚洲自拍偷拍区| 国产亚洲视频在线观看| 国产精品专区h在线观看| 国产视频观看一区| 国产福利视频一区| 亚洲视频视频在线| 欧美激情图片区| 欧美日韩亚洲成人| 欧美日韩国产丝袜另类| 欧美疯狂性受xxxxx另类| 久久久久久久久久久久久久久久久久av| 亚洲国产精品久久| 菠萝蜜影院一区二区免费| 亚洲精品国产精品国产自| 不卡在线观看电视剧完整版| 伦伦影院午夜日韩欧美限制| 国产成人一区二区三区| 亚洲а∨天堂久久精品喷水| 全色精品综合影院| 国模精品视频一区二区| 国产婷婷成人久久av免费高清| 91国在线精品国内播放| 亚洲天堂av在线免费观看| 国产精品伦子伦免费视频| 亚洲精品自在久久| 久久成人国产精品| 久久久电影免费观看完整版| 欧美国产精品va在线观看| 91精品啪在线观看麻豆免费| 日韩在线视频免费观看| 国产99久久精品一区二区| 91国内揄拍国内精品对白| 精品少妇一区二区30p| 久久久久久久久电影| 国产精品久久久久久久久粉嫩av| 久久成人国产精品| 日韩电视剧免费观看网站| 久久精品国产亚洲精品2020| 日韩免费在线视频| 91网站在线看| 精品国模在线视频| 欧美日韩激情小视频| 国产精品自拍小视频| 91在线无精精品一区二区| 在线视频国产日韩| 夜夜嗨av一区二区三区免费区| 日韩在线观看免费高清完整版| 神马久久久久久| 日韩av成人在线观看| 日韩网站免费观看| 中文字幕日韩视频| 第一福利永久视频精品| 欧美日韩国产精品一区| 国产精品久久久久久久久久久久久久| 国产日本欧美一区二区三区在线| 91啪国产在线| 欧美成人精品一区| 欧美成人免费全部| 亚洲色图av在线| 97视频在线观看成人| 狠狠色香婷婷久久亚洲精品| 日韩亚洲一区二区| 国产精品视频久| 日韩精品视频在线观看免费| 欧美区二区三区| 欧美日韩国产精品一区二区三区四区| 91精品久久久久久久久久久久久| 日韩在线观看网址| 欧美亚洲成人网| 国产精品欧美激情| 久久成人一区二区| 91精品国产乱码久久久久久久久| 日韩美女免费观看| 亚洲精品aⅴ中文字幕乱码| 欧美日韩国产综合视频在线观看中文| 国产在线a不卡| 亚洲第一区中文99精品| 精品欧美国产一区二区三区| 91免费国产网站| 久久成人这里只有精品| 欧美最猛性xxxxx(亚洲精品)| 中文国产亚洲喷潮| 欧美视频在线观看 亚洲欧| 69久久夜色精品国产69乱青草| 91经典在线视频| 日韩有码在线观看| 免费不卡在线观看av| 91最新国产视频| 欧美整片在线观看| 亚洲视频专区在线| 久久九九精品99国产精品| 另类色图亚洲色图| 91精品国产99久久久久久| 久久99精品久久久久久噜噜| 国产精品白丝jk喷水视频一区| 高清欧美性猛交xxxx| 国产免费久久av| 欧美精品一本久久男人的天堂| 久久久999精品| 国产亚洲aⅴaaaaaa毛片| 国产精品久久久久久五月尺| 日韩欧美在线观看视频| 欧美日韩一区二区免费视频| 亚洲精品国产suv| 日韩av影院在线观看| 亚洲国产欧美在线成人app| 久久精品国产综合| 久久99国产综合精品女同| 国产中文字幕日韩| 日韩精品中文字幕在线播放| 久久久久久九九九| 欧美三级xxx| 欧美性做爰毛片| 国产精品美女久久久久久免费| 欧美一级黄色网| 国产精品福利小视频| 精品爽片免费看久久| 欧美视频免费在线| 欧美另类高清videos| 性视频1819p久久| 欧美高清理论片| 日韩视频第一页| 欧美高清在线播放| 成人性生交大片免费观看嘿嘿视频| 久久精品成人欧美大片古装| 狠狠躁18三区二区一区| 久久久久久久久久国产| 亚洲欧美激情四射在线日| 国产一区玩具在线观看| 久久成人这里只有精品| 欧美激情性做爰免费视频| 亚洲欧美国产一区二区三区| 欧美黄色片视频| 久热在线中文字幕色999舞| 久久中文字幕在线|