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 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
Oct 31 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
简单实现JavaScript弹幕效果
Aug 27 Javascript
angular动态表单制作
Feb 23 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
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按行读取文件时删除换行符的3种方法
2014/05/04 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
用JavaScript调用WebService的示例
2008/04/07 Javascript
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
Javascript简单改变表单元素背景的方法
2015/07/15 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
Python性能优化技巧
2015/03/09 Python
python设置值及NaN值处理方法
2018/07/03 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
关于人生的感言
2014/01/17 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
生产车间标语
2014/06/11 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS
Python 数据可视化之Matplotlib详解
2021/11/02 Python
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏