DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery map方法使用示例
jquery map方法使用示例
編輯:JQuery特效代碼     
jQuery.map( array, callback(elementOfArray, indexInArray) )

Returns: Array

感覺jquery的map方法非常好用,特向大家分享下。

方法作用:將數組或單個對象,替換為新的內容。
應用實例:獲取一組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/>
結果展示:<span/>
</body>
</html>

對於CSDN的代碼編輯,實在不敢恭維,我在jsFiddle創建了上述例子,附鏈接:http://jsfiddle.net/dV8eh/。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved