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 相关文章推荐
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
javascript 清除输入框中的数据
Apr 13 Javascript
JQuery datepicker 使用方法
May 20 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
谈一谈js中的执行环境及作用域
Mar 30 Javascript
js调用webservice构造SOAP进行身份验证
Apr 27 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
详解angular中的作用域及继承
May 31 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
js实现删除li标签一行内容
Apr 16 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
BOOM vs RR BO5 第二场 2.14
2021/03/10 DOTA
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
cnblogs TagCloud基于jquery的实现代码
2010/06/11 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
django允许外部访问的实例讲解
2018/05/14 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
机械设计制造专业个人求职信
2013/09/25 职场文书
自荐信怎么写呢?
2013/12/09 职场文书
淘宝网店营销策划书
2014/01/11 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
运动会800米加油稿
2014/02/22 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
2014年学校工作总结
2014/11/20 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
解除同居协议书
2015/01/29 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL