`
axl234
  • 浏览: 260569 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery map方法的应用

 
阅读更多

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

由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。

 

我们能够获得复选框 ID 组成的逗号分隔的列表:

$(':checkbox').map(function() {
  return this.id;
}).get().join(',');


将原数组中每个元素加 4 转换为一个新数组。
jQuery 代码:
$.map( [0,1,2], function(n){
return n + 4;
});
结果:
[4, 5, 6]


原数组中大于 0 的元素加 1 ,否则删除。
jQuery 代码:
$.map( [0,1,2], function(n){
return n > 0 ? n + 1 : null;
});
结果:
[2, 3]


原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组。
jQuery 代码:
$.map( [0,1,2], function(n){
return [ n, n + 1 ];
});
结果:
[0, 1, 1, 2, 2, 3]

分享到:
评论

相关推荐

    jquery map方法使用示例

    jQuery.map( array, callback(elementOfArray, indexInArray) ) Returns: Array 感觉jquery的map方法非常好用,特向大家分享下。 方法作用:将数组或单个对象,替换为新的内容。 应用实例:获取一组checkbox的值,以...

    jquery快捷键插件mapkey

    基于jquery的热键插件,将快捷键应用到链接和功能的热门插件。

    J2EE中JSONJquery_AJAX应用中文PDF版

    资源名称:J2EE中JSON ...首先页面通过调用JQuery_AJAX方法访问后台Action,在后台Action中将获取到的JavaBean、List、Map等数据类型转换为json-lib.ja 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    JQuery权威指南源代码

    使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的空格符 使用$.isEmptyObject()函数检测对象是否为空 使用$.isPlainObject()函数检测...

    jquery highcharts应用实例

    经过本人研究改进,现将基于jquery的highcharts与大家分享。支持中文 对返回的map解析 界面简洁 美观 可以动态传参数 仅需要加载4个js文件。demo可以到主页上下载。不过本人下载的最新版本一直有问题。稳定版本可以...

    jquery1.9.1中文版

    // Map over jQuery in case of overwrite(不确定,待修正,希望高人帮忙翻译一下) //在jQuery上绘制写在上面的实例 //防止被覆盖 _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = ...

    map_helper:在Rails应用或其他应用中实现Google Maps的简便方法

    在您的Rails应用程序或其他应用程序中实现Google Maps的简便方法。 ### 依赖关系:jQuery ## Load将map_helper放置在供应商文件夹中。 小贩 JavaScripts map_helper maphelper.coffee /app/assets/javascripts/...

    jQuery详细教程

    关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 ...

    jQuery on()方法示例及jquery on()方法的优点

    jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind()  $("p").bind("click",function(){  alert("The ...

    Jquery Ajax请求方法小结(值得收藏)

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装...

    Esri-Map-Lens:使用jQuery的可移动地图窗口

    镜头是通过来实现的,并且利用了和 ,特别是和方法。 开发此样本的最大挑战是各种鼠标和导航事件的处理(或抑制)。 地图镜头并非没有缺点。 嵌入每个镜头的地图不能包含动态内容,理想情况下,地图应仅包含平铺...

    jquery1.9.1中文汉化版

    // Map over jQuery in case of overwrite(不确定,待修正,希望高人帮忙翻译一下) //在jQuery上绘制写在上面的实例 //防止被覆盖 _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = ...

    基于Spring MVC和Mybatis的Java企业级应用设计源码

    本项目是基于Spring MVC和...该系统集成了Spring MVC、Mybatis和jQuery等框架,提供了企业级应用的开发解决方案。项目结构清晰,代码注释详尽,适合用于学习和研究Spring MVC和Mybatis在企业级应用开发中的应用。

    jQuery Ajax 全解析

    废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data...

    bootstrap-map-js:轻量级JSCSS扩展,可使用Bootstrap和ArcGIS构建出色的地图绘制应用程序

    可以使用Dojo和jQuery或仅使用纯Dojo来开发应用程序。 特征 自适应地图大小调整 自动居中 响应式弹出窗口 样式化的ArcGIS小部件 移动设备的触摸行为 媒体查询 引导网格系统和Web组件的演示 入门模板 注意:随时为该...

    jquery+json实现分页效果

    本文主要技术:反射机制,Json数据格式,jquery 为了应用的通用性,首先要根据反射机制,能将要返回的任意类型的结果对象转化成Json类型的格式。 public static String toJSON(Object obj) { HashMap map = new ...

    Mapa-de-Embalses-de-PR:在埃里奥·拉莫斯(Humacao UPR的教授)的帮助下,我们创建了一个Web应用程序,该应用程序使用html,php,jquery,d3和传单来演示波多黎各的后代状态。

    Mapa-de-Embalses-de-PR 在埃里奥·拉莫斯(Humacao的普遍定期审议教授)的帮助下,我们创建了一个网络应用程序,该应用程序演示了波多黎各水母的状况

    weatherLookup:使用Open Weather Map API查询天气信息的简单页面。 气象站测试#角度#jquery

    天气查询使用Open Weather Map API查询天气信息的简单页面。 气象站测试气象站测试该测试是为了创建一个简单的应用程序,该应用程序可以从Web服务中提取数据并将其显示给用户,而该过程不超过几个小时。 原料药使用...

    Real-Estate-Map:房地产地图应用

    前端技术:google map api + angular + jquery + bootstrap + css less 在地图上为房屋做标记,然后单击以创建配置文件 填写房子的详细信息 根据房屋概况自动计算点数并显示每个维度的点数细分。 预览保存的配置...

Global site tag (gtag.js) - Google Analytics