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`是一款基于JavaScript库jQuery的中国地图插件,它允许开发者在网页上轻松集成交互式、可定制的中国地图。这个插件在Web应用中特别有用,例如在数据分析、地理位置展示或者用于创建具有地域信息的...
而".min.map"文件,即"jquery-2.1.1.min.map"是源映射文件,用于开发者在使用压缩后的JavaScript文件时,仍能方便地进行调试。源映射文件可以将压缩后的代码行号映射回原始代码的行号,这对于在浏览器的开发者工具中...
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...
2. **DOM操作(DOM Manipulation)**:jQuery简化了DOM元素的添加、删除、替换以及遍历等操作,如`$(selector).append()`、`$(selector).remove()`等。 3. **事件处理(Events)**:jQuery提供了统一的事件绑定和...
jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery的核心特性是使JavaScript代码更易读、易写,通过链式操作、选择器等功能,提高了开发效率。 二、图片热点的概念 ...
jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery 的最新版本为 3.6.0,发布于 2021 年 4 月 27 日,提供了一个迷你(min)版、完整版以及一个映射(map)版。...
在`success`回调中,我们使用`$.map`遍历JSON数组,将每个对象转化为`{label, value}`的形式,然后将结果传递给`response`函数,这样autoComplete就能正确显示建议列表了。 此外,还需要注意以下几点: 1. 确保...
- **实用函数**:列举了一些常用的jQuery实用函数,如`.each()`、`.map()`等。 - **文档就绪处理器**:解释了如何确保JavaScript代码在DOM加载完毕后才执行。 - **创建DOM元素**:展示如何使用jQuery动态创建DOM...
jQuery的主要目标是简化HTML文档遍历、事件处理、动画制作以及Ajax交互。它通过提供一套丰富的选择器,使得开发者可以轻松地选取DOM元素,进而进行操作。例如,通过`$("#elementID")`,我们可以快速定位到页面上的...
5. **更好的源码映射(Source Map)**:对于压缩后的.min.js文件,提供了更好的源码映射,方便开发者调试。 **使用jQuery-3.3.1.min.js** 在HTML文件中,通过`<script>`标签引入`jquery-3.3.1.min.js`,即可开始...
通过`for...in`循环或者`Object.keys()`,我们可以遍历和操作对象的属性。 在这个案例中,可能还会用到数组的`filter()`、`map()`和`reduce()`等高阶函数,它们提供了更抽象和强大的数据处理能力。例如,`filter()`...
1. **选择器和DOM操作**:`.find()`, `.children()`, `.parent()`, `.siblings()`等方法帮助开发者轻松地遍历和操作DOM树。 2. **事件处理**:`.on()`, `.off()`, `.trigger()`等方法用于事件的绑定、解绑和触发,`....
7. **Source Map**:`jquery-1.11.3.min.map`文件提供了源码映射信息,配合现代浏览器的开发者工具,可以在压缩代码上进行断点调试。 ### 使用指南: 在网页中引入jQuery库后,可以通过`$`符号来调用jQuery方法。...
这个方法的作用是遍历所有菜单项,根据父节点ID构建多级菜单结构。通过递归调用自身,直到所有的子菜单都构建完成为止。 ### 四、总结 通过上述分析,我们可以看出这段代码展示了如何使用Java后端技术结合`Gson`库...
此外,还有AJAX请求(如$.ajax()和.get())、遍历和修改集合的方法(如.each()和.map())等,这些构成了jQuery强大功能的基础。 而"jquery-2.1.1.min.js"则是经过压缩和优化后的版本,其目的是为了在实际生产环境中...
此次提及的"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`是未压缩的源代码版本,适合...
当我们需要对一组DOM元素进行操作时,通常会得到一个jQuery对象,这个对象可以看作一个特殊形式的数组,我们可以用数组的方法来遍历和操作这些元素。 1. `$.each()`:这是jQuery提供的一种迭代函数,可以用于遍历...
jquery-3.6.3.min.map; jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使用可跨多种浏览器工作的易于使用的 API,使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等事情变得更加简单。结合多功能性和可...
标题中提到的“jquery中map函数遍历数组用法实例”,意味着本篇文档将详细讲解jQuery库中的map函数在遍历数组时的应用方法和技巧。在描述中还提到,本文不仅仅局限于jQuery的map函数,还会提供一个自定义遍历数组的...
jQuery是一个流行的JavaScript库,它极大地简化了HTML文档的遍历、事件处理、动画以及与服务器的交互。本书的第六章主要介绍了jQuery中的工具函数(utility functions),这些函数为开发者提供了更多高级功能。 ###...