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 相关文章推荐
关于二级域名下使用一级域名下的COOKIE的问题
Nov 07 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
Oct 29 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
javascript css红色经典选项卡效果实现代码
May 17 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
canvas的神奇用法
Feb 03 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 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
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
每天一篇javascript学习小结(面向对象编程)
2015/11/20 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
js实现3D旋转相册
2020/08/02 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
详解爬虫被封的问题
2019/04/23 Python
Python实现12306火车票抢票系统
2019/07/04 Python
python如何使用代码运行助手
2020/07/03 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
法国时尚童装网站:Melijoe
2016/08/10 全球购物
阿波罗盒子:Apollo Box
2017/08/14 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
大学生水果店创业计划书
2014/01/28 职场文书
元旦晚会感言
2014/03/12 职场文书
搞笑征婚广告词
2014/03/17 职场文书
环保证明
2015/06/23 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
心得体会格式及范文
2016/01/25 职场文书
2022年四月新番
2022/03/15 日漫