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 相关文章推荐
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
jquery实现企业定位式导航效果
Jan 01 jQuery
JavaScript中七种流行的开源机器学习框架
Oct 11 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
详解vue v-model
Aug 31 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 DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
Javasipt:操作radio标签详解
2013/12/30 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
python误差棒图errorbar()函数实例解析
2020/02/11 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
高中生期末评语
2014/01/28 职场文书
节水倡议书范文
2014/04/15 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
质量整改通知单
2015/04/21 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
小学运动会报道稿
2015/07/22 职场文书
初中思品教学反思
2016/02/20 职场文书
Python装饰器的练习题
2021/11/23 Python
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技