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广告代码
May 30 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
JavaScript中循环遍历Array与Map的方法小结
Mar 12 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
原生js实现倒计时--2018
Feb 21 Javascript
jQuery简单实现遍历单选框的方法
Mar 06 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
JS实现时间校验的代码
May 25 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
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
利用js对象弹出一个层
2008/03/26 Javascript
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
Python grpc超时机制代码示例
2020/09/14 Python
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
Cynthia Rowley官网:全球领先的生活方式品牌
2020/10/27 全球购物
幼儿园课题实施方案
2014/05/14 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
2015年读书月活动总结
2015/03/26 职场文书
员工工作表扬信
2015/05/05 职场文书
在职证明格式样本
2015/06/15 职场文书
小学体育组工作总结
2015/08/13 职场文书
HTTP中的Content-type详解
2022/01/18 HTML / CSS
MySQL 开窗函数
2022/02/15 MySQL
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript