jquery map方法使用示例
更新時(shí)間：2014年04月23日 16:51:40 作者：
jquery的map方法非常好用，其作用是將數(shù)組或單個(gè)對(duì)象，替換為新的內(nèi)容，在此特向大家分享下
jQuery.map( array, callback(elementOfArray, indexInArray) )
Returns: Array
感覺jquery的map方法非常好用，特向大家分享下。
方法作用：將數(shù)組或單個(gè)對(duì)象，替換為新的內(nèi)容。
應(yīng)用實(shí)例：獲取一組checkbox的值，以英文逗號(hào)分隔，進(jìn)行拼接。
<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>
對(duì)于CSDN的代碼編輯，實(shí)在不敢恭維，我在jsFiddle創(chuàng)建了上述例子，附鏈接：http://jsfiddle.net/dV8eh/。
Returns: Array
感覺jquery的map方法非常好用，特向大家分享下。
方法作用：將數(shù)組或單個(gè)對(duì)象，替換為新的內(nèi)容。
應(yīng)用實(shí)例：獲取一組checkbox的值，以英文逗號(hào)分隔，進(jìn)行拼接。
復(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>
對(duì)于CSDN的代碼編輯，實(shí)在不敢恭維，我在jsFiddle創(chuàng)建了上述例子，附鏈接：http://jsfiddle.net/dV8eh/。
相關(guān)文章
jquery配合css簡單實(shí)現(xiàn)返回頂部效果
返回頂部效果想必大家并不陌生吧，其實(shí)實(shí)現(xiàn)方法有很多，在本文為大家介紹下使用jquery是如何輕易實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-09-09
jquery ajax return沒有返回值的解決方法，需要的朋友可以參考下。2011-10-10
JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼，涉及jquery鼠標(biāo)事件相關(guān)技巧，具有一定參考借鑒價(jià)值，需要的朋友可以參考下2015-09-09
EasyUI學(xué)習(xí)之DataGird分頁顯示數(shù)據(jù)
這篇文章主要介紹了EasyUI學(xué)習(xí)之DataGird分頁顯示數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
基于JQuery及AJAX實(shí)現(xiàn)名人名言隨機(jī)生成器
這篇文章主要為大家詳細(xì)介紹了基于JQuery及AJAX實(shí)現(xiàn)名人名言隨機(jī)生成器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery1.6.1 發(fā)布有一段時(shí)間了，發(fā)現(xiàn)一些冗余代碼，列出如下2011-06-06
jQuery實(shí)例—選項(xiàng)卡的簡單實(shí)現(xiàn)(js源碼和jQuery)
下面小編就為大家?guī)硪黄猨Query實(shí)例—選項(xiàng)卡的簡單實(shí)現(xiàn)(js源碼和jQuery) 。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
jQuery新的事件綁定機(jī)制on()示例應(yīng)用
從jQuery1.7開始，jQuery引入了全新的事件綁定機(jī)制，on()和off()兩個(gè)函數(shù)統(tǒng)一處理事件綁定，下面通過示例為大家介紹下2014-07-07
從最開始看到Jquery這樣的選擇器就讓我想起了CSS的選擇器，簡直是同出一轍啊，CSS的選擇器語法個(gè)人覺得相當(dāng)?shù)慕?jīng)典，那么Jquery借鑒CSS也就沒有多少疑問了。2009-10-10
jquery讓返回的內(nèi)容顯示在特定div里(代碼少而精悍)
之前寫過ajax讓返回的內(nèi)容顯示在特定div里最近在看jquery，所以又用jquery重新寫了個(gè),需要的朋友可以參考下2014-06-06