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 类定义的4种方法
Sep 12 Javascript
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
node.js中的emitter.on方法使用说明
Dec 10 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
微信小程序自定义组件
Aug 16 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
一次Webpack配置文件的分离实战记录
Nov 30 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
微信小程序左滑删除实现代码实例
Sep 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
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
PHP实现微信退款功能
2018/10/02 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
打包发布Python模块的方法详解
2016/09/18 Python
python实现点对点聊天程序
2018/07/28 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
一些.net面试题
2014/10/06 面试题
公务员转正考察材料
2014/02/07 职场文书
公司口号大全
2014/06/11 职场文书
超市理货员岗位职责
2014/07/04 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
人民调解协议书
2016/03/21 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang