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 相关文章推荐
javascript打开新窗口同时关闭旧窗口
Jan 16 Javascript
Jquery 基础学习笔记之文档处理
May 29 Javascript
javascript 表单规则集合对象
Jul 21 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
Apr 28 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文件中bom的PHP代码
2012/03/13 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
PHP 7.0新增加的特性介绍
2017/06/08 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
javascript 写类方式之四
2009/07/05 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
JS获取年月日时分秒的方法分析
2016/11/28 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
vue货币过滤器的实现方法
2017/04/01 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
pytorch SENet实现案例
2020/06/24 Python
python中if嵌套命令实例讲解
2021/02/25 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
学生会主席演讲稿
2014/04/25 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
大学辅导员述职报告
2015/01/10 职场文书
SpringRetry重试框架的具体使用
2021/07/25 Java/Android
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS