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 相关文章推荐
判断是否安装flash player及当前版本的JS代码
Aug 08 Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 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
php目录管理函数小结
2008/09/10 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
javascript concat数组累加 示例
2009/09/03 Javascript
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
2011/12/26 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
Python实现登录接口的示例代码
2017/07/21 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
Python多线程多进程实例对比解析
2020/03/12 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
五一服装活动方案
2014/01/11 职场文书
工作会议欢迎词
2014/01/16 职场文书
党支部对照检查材料
2014/08/25 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
班级管理经验交流材料
2015/11/02 职场文书
js实现自动锁屏功能
2021/06/02 Javascript
代码解析React中setState同步和异步问题
2021/06/03 Javascript
Python中requests库的用法详解
2022/06/05 Python