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 select多选框的左右移动 具体实现代码
Jul 03 Javascript
avalonjs制作响应式瀑布流特效
May 06 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
JavaScript必看小技巧(必看)
Jun 07 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
Dec 26 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
May 17 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 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中MVC的开发经验分享
2012/05/17 PHP
php获取当前时间的毫秒数的方法
2014/01/26 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
php递归函数怎么用才有效
2018/02/24 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
python解析xml模块封装代码
2014/02/07 Python
TF-IDF算法解析与Python实现方法详解
2017/11/16 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
wxpython绘制音频效果
2019/11/18 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
思想汇报范文
2013/11/04 职场文书
司机岗位职责说明书
2014/07/29 职场文书
2015大学生求职信范文
2015/03/20 职场文书
学习心得体会
2019/06/20 职场文书
Python中for后接else的语法使用
2021/05/18 Python