jQuery中map()方法用法实例


Posted in Javascript onJanuary 06, 2015

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

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

$("selector").map(function)

参数列表:

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

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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://3water.com"/>

  </form>

</div>

</body>

</html>

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

Javascript 相关文章推荐
Jquery 扩展方法
May 06 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
shiro授权的实现原理
Sep 21 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
js编写简易的计算器
Jul 29 Javascript
jQuery中is()方法用法实例
Jan 06 #Javascript
JavaScript中document对象使用详解
Jan 06 #Javascript
jQuery中Form相关知识汇总
Jan 06 #Javascript
使用VS开发 Node.js指南
Jan 06 #Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 #Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 #Javascript
jQuery中filter()方法用法实例
Jan 06 #Javascript
You might like
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php中ob_get_length缓冲与获取缓冲长度实例
2014/11/20 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
Vue瀑布流插件的使用示例
2018/09/19 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
PyQt实现界面翻转切换效果
2018/04/20 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
新浪网技术部笔试题
2016/08/26 面试题
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
高中的自我鉴定
2013/12/16 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
安全教育月活动总结
2014/05/05 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书
php引用传递
2021/04/01 PHP
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android