jquery map方法

最新推荐文章于 2020-05-28 10:50:52 发布
最新推荐文章于 2020-05-28 10:50:52 发布
阅读量128 收藏
点赞数
文章标签： javascript ViewUI

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/。


iteye_14608
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery-map方法
weixin_57532703的博客
06-20 1616
jQuery-map方法 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： Adobe Dreamweaver CC 2019 作者：何振森 撰写时间：2021/6/18 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 在我们原生js中有map方法，而在jQuery当中也有一个map方法，那它们之间有什么不同？照例先看代码 第一个参数：当前遍历到
jquery map方法使用示例
10-26
jQuery map方法是一种在jQuery库中非常实用的函数，它允许开发者处理集合中的每个元素，并将它们转换成新的形式。这个方法特别适用于数组和对象的转换、过滤等操作。通过map方法，我们可以创建一个新数组，该数组...
jQuery中map方法
dongciqiu0026的博客
10-29 138
jQuery的map方法可以遍历数组，也可以遍历伪数组 $(function(){ var arr=[1,2,34,] var fakeArray = { length: 3, "0": "first", "1": "second", ...
jQuery的map方法
xiaozhuangyumaotao的博客
05-28 2974
两种形式： 一、格式一 $.map(arr|obj,callback)：将一个数组中的元素转换到另一个数组中，callback：function(ele,i):ele为当前处理的元素，i为当前处理的元素的下标，返回的是JavaScript原生数组 二、格式二 jquery对象.map(callback)：将一组元素转换成其他数组，返回的是jquery数组对象。callback:function(i,ele):注意和格式一的位置不同。 格式一跟我们熟悉的用于遍历对象或者数组或者元素集合的$.each
jquery Map
weixin_33883178的博客
11-12 115
var map = {}; // Map map = new HashMap();map[key] = value; // map.put(key, value);var value = map[key]; // Object value = map.get(key);var has = key in map; // boolean has = map.containsKey...
jQuery.map() 函数详解
chunchun1230的博客
02-05 1524
jQuery.map()函数用于使用指定函数处理数组中的每个元素(或对象的每个属性)，并将处理结果封装为新的数组返回。 jQuery库中还有一个同名的实例方法map()，它仅用于对当前jQuery对象所匹配的元素进行遍历处理。 该函数属于全局jQuery对象。 语法 JavaScript: jQuery.map( object, callback ) 参数 参数 描述 ...
jQuery 遍历map()方法详解
01-19
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以...
jQuery中map()方法用法实例
12-09
本文实例讲述了jQuery中map()方法用法。分享给大家供大家参考。具体分析如下： 此方法将一组元素转换成其他数组（不论是否是元素数组）。 可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别...
jQuery map() 方法
qq_36291682的博客
12-05 2971
p { color:red; }               2                     4                     6                     8             Values:   $("p").append($(':checkbox
jQuery.map
wuyou1336的博客
05-11 282
jQuery.map( array, callback(elementOfArray, indexInArray) )返回: Array 描述: 将一个数组中的所有元素转换到另一个数组中。 添加的版本: 1.0jQuery.map( array, callback(elementOfArray, indexInArray) ) array 类型: A
jquery.map()方法的使用详解
12-12
原型方法map跟each类似调用的是同名静态方法，只不过返回来的数据必须经过另一个原型方法pushStack方法处理之后才返回，源码如下： map: function( callback ) { return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, 本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析； 首先了解下map的使用（手册内容） $.map将一个数组中的元素转换到另一
jquery快捷键插件mapkey
06-21
基于jquery的热键插件，将快捷键应用到链接和功能的热门插件。
$.map()函数——JQuery
aphy358的博客
12-14 513
先看一段API文档对这个函数的介绍： 然后参考一下该函数的应用举例，请仔细查看数组arr在调用$.map前后的变化： 再如：
jQuery中的map()方法
weixin_30622107的博客
09-29 130
　　jQuery中map()方法的使用格式为：$(selector).map(callback(index,domElement))。 　　将在每一个被选元素上执行map()方法中设置的回调函数，在回调函数中，关键字this指向当前操作的被选元素。回调函数可以返回一个数据项，或者是一个数据项数组。返回的数据项或者数据项数组中的元素会被添加到结果集中，最终，返回一个包含结果集中所有数据项...
jQuery map方法
weixin_44578639的博客
05-05 2302
map遍历，js和jQuery的比较 先定义一个数组，和伪数组 //定义一个数组 var arr = [1, 3, 5, 7, 9]; //定义一个伪数组（对象） var obj = {0:2, 1:4, 2:6, 3:8, 4:10, length:5}; 利用原生js的map方法来遍历数组 /* * 第一个参...
jquery-map()遍历
wangjingyi
02-12 784
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 以下例子显示被选中复选框 ID 组成的逗号分隔的列表： [code="html"] 2 4 6 ...
Jquery-Map方法
qq_36910110的博客
01-02 380
和Jquery中的each静态方法一样，map静态方法也可以用来遍历伪数组 1、利用原生js的Map方法遍历 var array = [3,6,9,10,13,15,18]; array.map(function(value,index,arr) { console.log(index,value,arr); }); 输出结果为： 第一个参数：当前遍历到的元素 第二...
Jquery map用法
饭桶一生奋斗
01-15 564
//map()函数用于处理当前jQuery对象匹配的所有元素，并将处理结果封装为新的数组 //callback Function类型指定的处理函数。 jQueryObject.map( callback ) 例如： <input id="n1" name="uid" type="checkbox" checked="checked" value="1"> <input id="n2" nam
jquery 中 map 的使用方法
qq_43685201的博客
02-14 325
jquery 中 map 的使用方法
jquery使用map方法
最新发布
07-27
引用\[1\]和引用\[2\]提供了关于使用jQuery的map方法的示例代码。map方法用于遍历一个数组或对象，并返回一个新的数组，其中包含经过回调函数处理后的元素。在引用\[1\]中，使用了jQuery对象的map方法来将复选框的id...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值