jquery map方法使用示例


Posted in Javascript onApril 23, 2014

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/。
Javascript 相关文章推荐
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
Jul 22 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
JS实现简易留言板特效
Dec 23 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
Apr 23 #Javascript
js Dialog 去掉右上角的X关闭功能
Apr 23 #Javascript
Jquery实现Div上下移动示例
Apr 23 #Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 #Javascript
JQuery下拉框应用示例介绍
Apr 23 #Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 #Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 #Javascript
You might like
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
php格式化json函数示例代码
2016/05/12 PHP
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
pandas的相关系数与协方差实例
2019/12/27 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
python如何控制进程或者线程的个数
2020/10/16 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
台湾网购生鲜第一品牌:i3Fresh爱上新鲜
2017/10/26 全球购物
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
机械专业毕业生自荐信
2013/11/02 职场文书
初一英语教学反思
2014/01/11 职场文书
社区服务标语
2014/07/01 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
给医院的感谢信
2015/01/21 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
自荐信格式模板
2015/03/27 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js