jquery map方法使用示例
更新時間：2014年04月23日 16:51:40 作者：
jquery的map方法非常好用，其作用是將數(shù)組或單個對象，替換為新的內(nèi)容，在此特向大家分享下
jQuery.map( array, callback(elementOfArray, indexInArray) )
Returns: Array
感覺jquery的map方法非常好用，特向大家分享下。
方法作用：將數(shù)組或單個對象，替換為新的內(nèi)容。
應(yīng)用實例：獲取一組checkbox的值，以英文逗號分隔，進行拼接。
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script>
$(function(){
$("input").click(function(){
var str = $(":checked").map(function(){
return this.value;
}).get().join(",")
$("span").html(str);
})
})
</script>
</head>
<body>
<input type="checkbox" value="a"/>a
<input type="checkbox" value="b"/>b
<input type="checkbox" value="c"/>c
<br/>
結(jié)果展示：<span/>
</body>
</html>
對于CSDN的代碼編輯，實在不敢恭維，我在jsFiddle創(chuàng)建了上述例子，附鏈接：http://jsfiddle.net/dV8eh/。
Returns: Array
感覺jquery的map方法非常好用，特向大家分享下。
方法作用：將數(shù)組或單個對象，替換為新的內(nèi)容。
應(yīng)用實例：獲取一組checkbox的值，以英文逗號分隔，進行拼接。
復(fù)制代碼 代碼如下:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script>
$(function(){
$("input").click(function(){
var str = $(":checked").map(function(){
return this.value;
}).get().join(",")
$("span").html(str);
})
})
</script>
</head>
<body>
<input type="checkbox" value="a"/>a
<input type="checkbox" value="b"/>b
<input type="checkbox" value="c"/>c
<br/>
結(jié)果展示：<span/>
</body>
</html>
對于CSDN的代碼編輯，實在不敢恭維，我在jsFiddle創(chuàng)建了上述例子，附鏈接：http://jsfiddle.net/dV8eh/。
相關(guān)文章
jQuery中需要注意的細節(jié)問題小結(jié)，使用jquery的朋友可以參考下。2011-12-12
這篇文章主要介紹了jQuery控制控件文本的長度的操作方法,非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
本文通過一段實例代碼給大家介紹jquery實現(xiàn)下拉加載功能，代碼簡單易懂，需要的朋友參考下吧
2016-04-04 
深入學(xué)習(xí)jQuery Validate表單驗證
這篇文章主要針對jQuery Validate表單驗證為大家進行詳細介紹，如何在class屬性里面并定義錯誤信息的提示，感興趣的小伙伴們可以參考一下
2016-01-01 
這篇文章主要介紹了jquery實現(xiàn)的樹形目錄,涉及jquery針對頁面元素及鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下
2015-06-06 
3D旋轉(zhuǎn)效果展示分享按鈕，具有動畫效果。WordPress的tab云好像也有這種效果。
2010-11-11 
下面小編就為大家?guī)硪黄褂肑Query中的trim()方法去掉前后空格。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09 
這篇文章主要介紹了jQuery實現(xiàn)的分頁插件,結(jié)合完整實例形式分析了jQuery分頁插件的定義與使用相關(guān)操作技巧,需要的朋友可以參考下
2020-05-05 
逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
這篇文章逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)的相關(guān)資料,需要的朋友可以參考下
2015-11-11