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 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 Javascript
javascript基础知识讲解
Jan 11 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
浅谈原型对象的常用开发模式
Jul 22 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
如何通过简单的代码描述Angular父组件、子组件传值
Apr 07 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
解析ajax事件的调用顺序
2013/06/17 PHP
php上传图片类及用法示例
2016/05/11 PHP
php cookie 详解使用实例
2016/11/03 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
获取Javscript执行函数名称的方法
2006/12/22 Javascript
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
JS 自动安装exe程序
2008/11/30 Javascript
js 判断js函数、变量是否存在的简单示例代码
2014/03/04 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
2015/09/04 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
layui复选框限制选择个数的方法
2019/09/18 Javascript
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
分析Python中解析构建数据知识
2018/01/20 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
深入分析python 排序
2020/08/24 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
采购主管的岗位职责
2013/12/17 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
设计师求职信
2014/07/01 职场文书
大学生自我评价范文
2015/03/03 职场文书
党员干部学习心得体会
2016/01/23 职场文书
2016年九九重阳节活动总结
2016/04/01 职场文书
Java中使用Filter过滤器的方法
2021/06/28 Java/Android