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 相关文章推荐
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
解析js如何获取css样式
Dec 11 Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 Javascript
mui 打开新窗口的方式总结及注意事项
Aug 20 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
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提示undefined index的几种解决方法
2012/05/21 PHP
探讨php中防止SQL注入最好的方法是什么
2013/06/10 PHP
php格式化时间戳
2016/12/17 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
js判断节假日实例代码
2017/12/27 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
深入浅析python定时杀进程
2016/06/06 Python
详解Python进程间通信之命名管道
2017/08/28 Python
python实现数据库跨服务器迁移
2018/04/12 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
基于Django统计博客文章阅读量
2019/10/29 Python
keras 多任务多loss实例
2020/06/22 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
全球最大的中文旅行网站:去哪儿网
2017/11/16 全球购物
高三自我鉴定范文
2013/10/19 职场文书
创先争优演讲稿
2014/09/15 职场文书
政风行风评议工作总结
2014/10/21 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
婚礼父母致辞
2015/07/28 职场文书