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 相关文章推荐
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
js采用map取到id集合组并且实现点击一行选中一行
Dec 16 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
微信小程序中如何使用flyio封装网络请求
Jul 03 Javascript
VUE路由动态加载实例代码讲解
Aug 26 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 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
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
2014/10/29 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
三级下拉菜单的js实现代码
2011/05/23 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
JavaScript中对象property的读取和写入方法介绍
2014/12/30 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
JS实现求5的阶乘示例
2019/01/21 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
简介Django框架中可使用的各类缓存
2015/07/23 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
《学会合作》教学反思
2014/04/12 职场文书
企业活动策划方案
2014/06/02 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
浅谈Java父子类加载顺序
2021/08/04 Java/Android
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL