jquery map方法使用示例 - Web前端

作者：98wpeu发布时间：2026-06-10分类：网页前端技术浏览：61

导读：JQuery.map(Array,callback(elementOfarray,indexInArray))returns:Array感觉jQuery的map方法非...

JQuery.map( Array, callback(elementOfarray, indexInArray) )

returns: Array

感觉jQuery的map方法非常好用，特向大家分享下。

方法作用：将数组或单个对象，替换为新的内容。
应用实例：获取一组checkbox的值，以英文逗号分隔，进行拼接。

复制代码代码如下:
<html>
<head>
<scripttype="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/。

标签：示例方法 Web map jquery

上一篇：使用jQuery实现的掷色子游戏动画效果 - Web前端
下一篇：jQuery实现复选框全选/取消全选/反选及获得选择的值 - Web前端

jquery map方法使用示例 - Web前端

相关推荐