jQuery中map()方法用法实例

 更新时间:2015年01月06日 14:51:01   投稿:shichen2014  
这篇文章主要介绍了jQuery中map()方法用法,实例分析了map()方法的功能、定义及转换数组的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中map()方法用法。分享给大家供大家参考。具体分析如下:

此方法将一组元素转换成其他数组(不论是否是元素数组)。
可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。
语法结构:

复制代码 代码如下:
$("selector").map(function)

参数列表:

参数 描述
function 给每个元素执行的函数

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").append($("input").map(function(){
    return $(this).val();
  }).get().join(", "));
})
</script>
</head>
<body>
<div>
  <p>值:</p>
  <form>
    <input type="text" name="name" value="脚本无忧"/>
    <input type="text" name="password" value="123456"/>
    <input type="text" name="url" value="https://www.jb51.net"/>
  </form>
</div>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • 理解jQuery stop()方法

    理解jQuery stop()方法

    本文目的:为了了解stop()的用法,举个例子,直观的方式看看。非常的简单实用,有需要的小伙伴参考下
    2014-11-11
  • jQuery操作属性值方法介绍

    jQuery操作属性值方法介绍

    这篇文章介绍了jQuery操作属性值的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • jquery进行数组遍历如何跳出当前的each循环

    jquery进行数组遍历如何跳出当前的each循环

    通过 jquery 的循环方法进行数组遍历,但是当不符合条件时,怎么跳出当前循环,解决方法如下,需要的朋友可以参考下
    2014-06-06
  • jQuery实现模糊查询的方法分析

    jQuery实现模糊查询的方法分析

    这篇文章主要介绍了jQuery实现模糊查询的方法,结合实例形式分析了jQuery事件响应、节点遍历、查询匹配、属性修改等相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • jquery实现div拖拽宽度示例代码

    jquery实现div拖拽宽度示例代码

    本例为大家演示个比较简单的div拖动,另外可根据自己的需求,添加相应的代码,实现自己的想要的效果,具体如下,喜欢的请支持下
    2013-07-07
  • jQuery右侧选项卡焦点图片轮播特效代码分享

    jQuery右侧选项卡焦点图片轮播特效代码分享

    这篇文章主要介绍了jQuery右侧选项卡焦点图片轮播特效,一段清新可爱的焦点图轮播代码,有需要的小伙伴可以参考下
    2015-09-09
  • jquery+ajax实现直接提交表单实例分析

    jquery+ajax实现直接提交表单实例分析

    这篇文章主要介绍了jquery+ajax直接提交表单的方法,涉及jQuery调用ajax进行表单提交所涉及的表单序列化、数值传递与处理、回调函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • jquery使用ColorBox弹出图片组浏览层实例演示

    jquery使用ColorBox弹出图片组浏览层实例演示

    本示例使用Jquery的ColorBox插件弹出图片组浏览层,点击会弹出页中窗的效果同时带有关闭及上一个下一个的切换,个人感觉相当不错的弹出窗,感兴趣的你可不要错过了哈
    2013-03-03
  • 基于jQuery ztree实现表格风格的树状结构

    基于jQuery ztree实现表格风格的树状结构

    zTree 是一个依靠 jQuery 实现的多功能 “树插件”,zTree 是开源免费的软件。接下来通过本文给大家介绍基于jQuery ztree实现表格风格的树状结构,感兴趣的朋友一起看看吧
    2018-08-08
  • jquery实现自定义树形表格的方法【自定义树形结构table】

    jquery实现自定义树形表格的方法【自定义树形结构table】

    这篇文章主要介绍了jquery实现自定义树形表格的方法,结合实例形式分析了jQuery创建自定义树形结构table的相关操作技巧,需要的朋友可以参考下
    2019-07-07

最新评论