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 eval函数深入认识
Feb 21 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 Javascript
layui的select联动实现代码
Sep 28 Javascript
JS数组方法join()用法实例分析
Jan 18 Javascript
Vue接口封装的完整步骤记录
May 14 Vue.js
微信小程序中wxs文件的一些妙用分享
Feb 18 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
Python版微信红包分配算法
2015/05/04 Python
Python3.6日志Logging模块简单用法示例
2018/06/14 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
教师求职信范文分享
2013/12/27 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
化验室岗位职责
2015/02/14 职场文书
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL