map
英 [m?p]? ?美 [m?p]??
n.地圖，天體圖;類(lèi)似地圖的事物;〈美俚〉臉，面孔;（染色體上基因排列的）遺傳圖
vt.繪制（一地區(qū)等的）地圖;勘查;詳細(xì)規(guī)劃;[遺傳學(xué)]比對(duì)
jquery map()方法 語(yǔ)法
作用：map() 把每個(gè)元素通過(guò)函數(shù)傳遞到當(dāng)前匹配集合中，生成包含返回值的新的 jQuery 對(duì)象。
語(yǔ)法：.map(callback(index,domElement))
參數(shù)：
| 參數(shù) | 描述 |
| callback(index,domElement) | 對(duì)當(dāng)前集合中的每個(gè)元素調(diào)用的函數(shù)對(duì)象。 |
說(shuō)明：由于返回值是 jQuery 封裝的數(shù)組，使用 get() 來(lái)處理返回的對(duì)象以得到基礎(chǔ)的數(shù)組。
jquery map()方法 示例
<!DOCTYPE html>
<html>
<head>
<style>p { color:red; }</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<script>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
</script>
</body>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例