`

jquery 遍历 map(callback)

阅读更多
引用来自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元素集合进行处理,处理后将返回值组合成新列表。
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery 遍历map()方法详解

    .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组 四、案例: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-...

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    15. `.map()` 方法:把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。 16. `.next()` 方法:获得匹配元素集合中每个元素紧邻的同辈元素。 17. `.nextAll()` 方法:获得匹配元素集合中每个...

    jquery遍历数组与筛选数组的方法

    总结来说,jQuery提供了丰富的数组处理功能,如`grep`用于筛选,`each`用于遍历,`inArray`用于查找元素位置,以及`map`用于转换数组元素。这些方法极大地提高了开发效率,使得处理数组和对象变得更加简洁和高效。在...

    jquery.map()方法的使用详解

    `jQuery.map()`接受两个参数:一个数组或对象(`arrayOrObject`),以及一个回调函数(`callback`)。回调函数会在数组的每个元素或对象的每个属性上执行,接收三个参数:当前元素(`elem`)、元素的索引(`i`)以及...

    Jquery中map函数的用法

    jQueryObject.map(callback(index, domElement)); ``` 这里的`callback(index, domElement)`是一个回调函数,它会针对当前匹配集合中的每个元素执行一次。回调函数接受两个参数:第一个是当前元素的索引(从0开始...

    原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

    本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考,具体如下: 一、原生JS forEach()和map()遍历 共同点: ①.都是循环遍历数组中的每一项。 ②....

    遍历DO元素

    遍历DOM元素是JavaScript和jQuery中常见的任务,用于查找、修改或者操作页面内容。本篇将详细探讨如何在jQuery中遍历和筛选DOM元素。 首先,我们来看3.1.1章节关于按索引筛选元素的方法: 1. `.eq(index)`:这个...

    jquery map方法使用示例

    jQuery.map(array, callback(elementOfArray, indexInArray)) -&gt; Array - `array`:这是一个数组或类数组对象,map方法将遍历这个集合中的每个元素。 - `callback`:这是对每个元素执行的函数,它接受两个参数,...

    jQuery技术手册

    **4.4 jQuery遍历-同胞** - **next()`: 选择当前元素的下一个同胞元素。 - **prev()`: 选择当前元素的上一个同胞元素。 - **siblings(selector)`: 选择当前元素的所有同胞元素。 **4.5 jQuery遍历-过滤** - **...

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    而jQuery.each(object, callback)函数则是一个通用的遍历工具,用于遍历对象和数组中的每个元素,并且在回调函数中以元素为上下文执行操作。jQuery.each()函数与jQuery对象的each()方法不同,后者是实例方法,但其...

    jquery属性,遍历,HTML操作方法详解

    - `.map(callback)`:将每个元素传递给回调函数,创建新的JQuery对象包含返回的结果。 - `.next(selector)`:获取每个元素的下一个同辈元素,可选地通过`selector`进行筛选。 - `.nextAll(selector)`:获取每个...

    Jquery $.map使用方法实例详解

    在jQuery 1.6版本之前,$.map()方法仅支持数组的遍历。从jQuery 1.6开始,$.map()也支持对象的遍历。这意味着无论是数组还是对象,$.map()都可以对其元素或属性进行迭代。 特别需要注意的是,$.map()方法处理的函数...

    jQuery函数map()和each()介绍及异同点分析

    map(callback) 为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中。 参数 callback (函数)回调函数,为包装集中的每个元素调用该函数。 比如,下面的代码将页面上所有div元素的id值收集到...

    jQuery 1.4.1 中文参考

    - `each(callback)`:遍历jQuery对象中的每个元素并执行回调函数。 - `size()`:返回jQuery对象中元素的数量,等同于`length`属性。 - `length`:返回jQuery对象中元素的数量。 - `selector`和`context`:分别表示...

    jquery.i18n.properties-min-1.0.9

    jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。通过jQuery,开发者可以编写更简洁、高效的代码,提高了开发效率。 2. **jQuery i18n.properties插件介绍** jQuery...

    jquery开发入门整理(所需要了解的)

    jQuery提供了多种遍历方法,如`.each()`、`.map()`等,这些方法可以用来遍历DOM元素或数组,并对每个元素执行指定的操作。 ### 12种jQuery性能优化方法解析 - **减少DOM操作**:尽可能减少直接操作DOM的次数。 - **...

    JS forEach和map方法的用法与区别分析.docx

    在JavaScript中,forEach和map方法是两个非常常用的数组遍历方法,它们都是ECMA5中Array引进的新方法,主要作用是对数组的每个元素执行一次供应的函数。然而,它们之间还是有区别的,本文将主要介绍JS forEach和map...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    JqueryApi中文手册

    - 遍历元素:`.each(callback)` - 数组操作:`.map(function)`, `.grep(array, function)` 9. **实用方法** - DOM元素转换:`.jQuery(obj)`, `.wrap(element)`, `.unwrap()` - 文本/HTML操作:`.text()`, `....

    JQuery1.11(含vsdoc智能提示)

    在jQuery 1.11中,`map()`方法用于遍历jQuery对象中的每个元素,将它们转换为新的数组。`map(function(index, element))`中,`index`是元素的索引,`element`是DOM元素。此方法常用于数据处理和转换。 ### 7. `...

Global site tag (gtag.js) - Google Analytics