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 innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
浅析js封装和作用域
Jul 09 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 Javascript
AngularJS+Bootstrap实现多文件上传与管理
Nov 08 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
关于Layui Table隐藏列问题
Sep 16 Javascript
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
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
帅气的琦玉老师
2020/03/02 日漫
生成卡号php代码
2008/04/09 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
php+jQuery ajax实现的实时刷新显示数据功能示例
2019/09/12 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
javascript之典型高阶函数应用介绍二
2013/01/10 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
python通过yield实现数组全排列的方法
2015/03/18 Python
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
Python程序控制语句用法实例分析
2020/01/14 Python
python可视化text()函数使用详解
2020/02/11 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
Java基础类库面试题
2013/09/04 面试题
医院护士的求职信
2014/01/03 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android