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实现仿Windows关机效果
Mar 10 Javascript
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 Javascript
vue实现选中效果
Oct 07 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
实用函数8
2007/11/08 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
TP5(thinkPHP框架)实现后台清除缓存功能示例
2019/05/29 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
解读python logging模块的使用方法
2018/04/17 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
python全栈知识点总结
2019/07/01 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
副总经理工作职责
2013/11/28 职场文书
教师党员整改措施
2014/10/24 职场文书
退货证明模板
2015/06/23 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
团支部书记竞选稿
2015/11/21 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL