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 相关文章推荐
javascript十个最常用的自定义函数(中文版)
Sep 07 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
实例分析javascript中的异步
Jun 02 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
3种平台下安装php4经验点滴
2006/10/09 PHP
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
记React connect的几种写法(小结)
2018/09/18 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
Python使用shelve模块实现简单数据存储的方法
2015/05/20 Python
解决Pycharm中import时无法识别自己写的程序方法
2018/05/18 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
python yield和Generator函数用法详解
2020/02/10 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
美国最大的珠宝首饰网上商城:Jewelry.com
2016/07/22 全球购物
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
优秀应届毕业生自荐信
2013/11/16 职场文书
中学家长会邀请函
2014/02/03 职场文书
拓展训练激励口号
2014/06/17 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
企业培训简报范文
2015/07/20 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers