`

jquery-map()遍历

 
阅读更多
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。

以下例子显示被选中复选框 ID 组成的逗号分隔的列表:
<form method="post" action="">
  <fieldset>
    <div>
      <label for="two">2</label>
      <input type="checkbox" value="2" id="two" name="number[]">
    </div>
    <div>
      <label for="four">4</label>
      <input type="checkbox" value="4" id="four" name="number[]">
    </div>
    <div>
      <label for="six">6</label>
      <input type="checkbox" value="6" id="six" name="number[]">
    </div>
    <div>
      <label for="eight">8</label>
      <input type="checkbox" value="8" id="eight" name="number[]">
    </div>
  </fieldset>
</form>
<p><b>Values: </b></p>
<button>点我</button>
<script>
 $(document).ready(function(){  
   $("button").click(function(){  
     $("p").append($('input:checked').map(function() {
       return this.id;
     }).get().join(','));
     <!--返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组-->
    });
 });
</script>

和one()方法同用的时候就能避免点击事件重复执行,自己试试吧:
参见:http://wangjingyi.iteye.com/blog/2185684
$(document).ready(function(){    
   $("button").one('click',function(){    
     $("p").append($('input:checked').map(function() {  
       return this.id;  
     }).get().join(',')); 
    });  
 });  


http://www.w3school.com.cn/jquery/traversing_map.asp
  • 大小: 19.1 KB
分享到:
评论

相关推荐

    jquery-china-map 地图插件

    `jquery-china-map`是一款基于JavaScript库jQuery的中国地图插件,它允许开发者在网页上轻松集成交互式、可定制的中国地图。这个插件在Web应用中特别有用,例如在数据分析、地理位置展示或者用于创建具有地域信息的...

    jquery-2.1.1-vsdoc.js,jquery-2.1.1.js,

    而".min.map"文件,即"jquery-2.1.1.min.map"是源映射文件,用于开发者在使用压缩后的JavaScript文件时,仍能方便地进行调试。源映射文件可以将压缩后的代码行号映射回原始代码的行号,这对于在浏览器的开发者工具中...

    jQuery 遍历map()方法详解

    map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...

    jquery-1.9.1

    2. **DOM操作(DOM Manipulation)**:jQuery简化了DOM元素的添加、删除、替换以及遍历等操作,如`$(selector).append()`、`$(selector).remove()`等。 3. **事件处理(Events)**:jQuery提供了统一的事件绑定和...

    jquery-image-hot-show.zip

    jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery的核心特性是使JavaScript代码更易读、易写,通过链式操作、选择器等功能,提高了开发效率。 二、图片热点的概念 ...

    jquery-3.6.0 最新版 min 版 + 完整版 + map 版

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery 的最新版本为 3.6.0,发布于 2021 年 4 月 27 日,提供了一个迷你(min)版、完整版以及一个映射(map)版。...

    jquery-autoComplete 处理返回的json对象问题

    在`success`回调中,我们使用`$.map`遍历JSON数组,将每个对象转化为`{label, value}`的形式,然后将结果传递给`response`函数,这样autoComplete就能正确显示建议列表了。 此外,还需要注意以下几点: 1. 确保...

    jQuery-in-Action.part1.pdf

    - **实用函数**:列举了一些常用的jQuery实用函数,如`.each()`、`.map()`等。 - **文档就绪处理器**:解释了如何确保JavaScript代码在DOM加载完毕后才执行。 - **创建DOM元素**:展示如何使用jQuery动态创建DOM...

    jquery-2.2.4.rar

    jQuery的主要目标是简化HTML文档遍历、事件处理、动画制作以及Ajax交互。它通过提供一套丰富的选择器,使得开发者可以轻松地选取DOM元素,进而进行操作。例如,通过`$("#elementID")`,我们可以快速定位到页面上的...

    jquery-3.3.1.min.zip

    5. **更好的源码映射(Source Map)**:对于压缩后的.min.js文件,提供了更好的源码映射,方便开发者调试。 **使用jQuery-3.3.1.min.js** 在HTML文件中,通过`&lt;script&gt;`标签引入`jquery-3.3.1.min.js`,即可开始...

    jQuery-ToDoList.rar

    通过`for...in`循环或者`Object.keys()`,我们可以遍历和操作对象的属性。 在这个案例中,可能还会用到数组的`filter()`、`map()`和`reduce()`等高阶函数,它们提供了更抽象和强大的数据处理能力。例如,`filter()`...

    jquery-1.8.0+帮助文档

    1. **选择器和DOM操作**:`.find()`, `.children()`, `.parent()`, `.siblings()`等方法帮助开发者轻松地遍历和操作DOM树。 2. **事件处理**:`.on()`, `.off()`, `.trigger()`等方法用于事件的绑定、解绑和触发,`....

    jquery 最新版 v1.11.3 (1.x最新版)

    7. **Source Map**:`jquery-1.11.3.min.map`文件提供了源码映射信息,配合现代浏览器的开发者工具,可以在压缩代码上进行断点调试。 ### 使用指南: 在网页中引入jQuery库后,可以通过`$`符号来调用jQuery方法。...

    jQuery-Easyui 多级菜单 前后台

    这个方法的作用是遍历所有菜单项,根据父节点ID构建多级菜单结构。通过递归调用自身,直到所有的子菜单都构建完成为止。 ### 四、总结 通过上述分析,我们可以看出这段代码展示了如何使用Java后端技术结合`Gson`库...

    jquery-2.1.1

    此外,还有AJAX请求(如$.ajax()和.get())、遍历和修改集合的方法(如.each()和.map())等,这些构成了jQuery强大功能的基础。 而"jquery-2.1.1.min.js"则是经过压缩和优化后的版本,其目的是为了在实际生产环境中...

    jquery3.3.1最新版库

    此次提及的"jquery3.3.1最新版库"正是jQuery库的一个重要里程碑,它包含了三个关键文件:`jquery-3.3.1.js`、`jquery-3.3.1.min.js`和`jquery-3.3.1.min.map`。 首先,`jquery-3.3.1.js`是未压缩的源代码版本,适合...

    jquery-array.rar_jquery_jquery array_jquery array_jquery array

    当我们需要对一组DOM元素进行操作时,通常会得到一个jQuery对象,这个对象可以看作一个特殊形式的数组,我们可以用数组的方法来遍历和操作这些元素。 1. `$.each()`:这是jQuery提供的一种迭代函数,可以用于遍历...

    jquery-3.6.3

    jquery-3.6.3.min.map; jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使用可跨多种浏览器工作的易于使用的 API,使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等事情变得更加简单。结合多功能性和可...

    jquery中map函数遍历数组用法实例

    标题中提到的“jquery中map函数遍历数组用法实例”,意味着本篇文档将详细讲解jQuery库中的map函数在遍历数组时的应用方法和技巧。在描述中还提到,本文不仅仅局限于jQuery的map函数,还会提供一个自定义遍历数组的...

    jQuery-in-Action.part2.pdf

    jQuery是一个流行的JavaScript库,它极大地简化了HTML文档的遍历、事件处理、动画以及与服务器的交互。本书的第六章主要介绍了jQuery中的工具函数(utility functions),这些函数为开发者提供了更多高级功能。 ###...

Global site tag (gtag.js) - Google Analytics