引用来自http://kaxu.iteye.com/blog/308367
map(callback)
将当前匹配集合中元素通过‘callback’函数处理得到的一串新元素,进行组合成一个新列表(list)
Html代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
});
</script>
<style>
p { color:red; }
</style>
</head>
<body>
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://ejohn.org/"/>
</form>
</body>
</html>
$("p").append( $("input").map(function(){
对匹配input元素集合进行处理,处理后将返回值组合成新列表。
分享到:
相关推荐
.map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组 四、案例: <!DOCTYPE html> <html> <head> <meta charset=utf-...
15. `.map()` 方法:把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。 16. `.next()` 方法:获得匹配元素集合中每个元素紧邻的同辈元素。 17. `.nextAll()` 方法:获得匹配元素集合中每个...
总结来说,jQuery提供了丰富的数组处理功能,如`grep`用于筛选,`each`用于遍历,`inArray`用于查找元素位置,以及`map`用于转换数组元素。这些方法极大地提高了开发效率,使得处理数组和对象变得更加简洁和高效。在...
`jQuery.map()`接受两个参数:一个数组或对象(`arrayOrObject`),以及一个回调函数(`callback`)。回调函数会在数组的每个元素或对象的每个属性上执行,接收三个参数:当前元素(`elem`)、元素的索引(`i`)以及...
jQueryObject.map(callback(index, domElement)); ``` 这里的`callback(index, domElement)`是一个回调函数,它会针对当前匹配集合中的每个元素执行一次。回调函数接受两个参数:第一个是当前元素的索引(从0开始...
本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考,具体如下: 一、原生JS forEach()和map()遍历 共同点: ①.都是循环遍历数组中的每一项。 ②....
遍历DOM元素是JavaScript和jQuery中常见的任务,用于查找、修改或者操作页面内容。本篇将详细探讨如何在jQuery中遍历和筛选DOM元素。 首先,我们来看3.1.1章节关于按索引筛选元素的方法: 1. `.eq(index)`:这个...
jQuery.map(array, callback(elementOfArray, indexInArray)) -> Array - `array`:这是一个数组或类数组对象,map方法将遍历这个集合中的每个元素。 - `callback`:这是对每个元素执行的函数,它接受两个参数,...
**4.4 jQuery遍历-同胞** - **next()`: 选择当前元素的下一个同胞元素。 - **prev()`: 选择当前元素的上一个同胞元素。 - **siblings(selector)`: 选择当前元素的所有同胞元素。 **4.5 jQuery遍历-过滤** - **...
而jQuery.each(object, callback)函数则是一个通用的遍历工具,用于遍历对象和数组中的每个元素,并且在回调函数中以元素为上下文执行操作。jQuery.each()函数与jQuery对象的each()方法不同,后者是实例方法,但其...
- `.map(callback)`:将每个元素传递给回调函数,创建新的JQuery对象包含返回的结果。 - `.next(selector)`:获取每个元素的下一个同辈元素,可选地通过`selector`进行筛选。 - `.nextAll(selector)`:获取每个...
在jQuery 1.6版本之前,$.map()方法仅支持数组的遍历。从jQuery 1.6开始,$.map()也支持对象的遍历。这意味着无论是数组还是对象,$.map()都可以对其元素或属性进行迭代。 特别需要注意的是,$.map()方法处理的函数...
map(callback) 为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中。 参数 callback (函数)回调函数,为包装集中的每个元素调用该函数。 比如,下面的代码将页面上所有div元素的id值收集到...
- `each(callback)`:遍历jQuery对象中的每个元素并执行回调函数。 - `size()`:返回jQuery对象中元素的数量,等同于`length`属性。 - `length`:返回jQuery对象中元素的数量。 - `selector`和`context`:分别表示...
jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。通过jQuery,开发者可以编写更简洁、高效的代码,提高了开发效率。 2. **jQuery i18n.properties插件介绍** jQuery...
jQuery提供了多种遍历方法,如`.each()`、`.map()`等,这些方法可以用来遍历DOM元素或数组,并对每个元素执行指定的操作。 ### 12种jQuery性能优化方法解析 - **减少DOM操作**:尽可能减少直接操作DOM的次数。 - **...
在JavaScript中,forEach和map方法是两个非常常用的数组遍历方法,它们都是ECMA5中Array引进的新方法,主要作用是对数组的每个元素执行一次供应的函数。然而,它们之间还是有区别的,本文将主要介绍JS forEach和map...
jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...
- 遍历元素:`.each(callback)` - 数组操作:`.map(function)`, `.grep(array, function)` 9. **实用方法** - DOM元素转换:`.jQuery(obj)`, `.wrap(element)`, `.unwrap()` - 文本/HTML操作:`.text()`, `....
在jQuery 1.11中,`map()`方法用于遍历jQuery对象中的每个元素,将它们转换为新的数组。`map(function(index, element))`中,`index`是元素的索引,`element`是DOM元素。此方法常用于数据处理和转换。 ### 7. `...