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 相关文章推荐
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
浅析BootStrap中Modal(模态框)使用心得
Dec 24 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
Nov 01 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
JS实现百度搜索框关键字推荐
Feb 17 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 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初学者(入门学习经验谈)
2010/10/12 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
2016/01/14 Javascript
一分钟理解js闭包
2016/05/04 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
angularjs实现简单的购物车功能
2017/09/21 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
[02:08]我的刀塔不可能这么可爱 胡晓桃_1
2014/06/20 DOTA
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
Python 深入理解yield
2008/09/06 Python
Python命名空间详解
2014/08/18 Python
老生常谈Python序列化和反序列化
2017/06/28 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
pytorch 在sequential中使用view来reshape的例子
2019/08/20 Python
详解Django admin高级用法
2019/11/06 Python
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
T3官网:头发造型工具
2019/12/26 全球购物
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
师范大学音乐表演专业求职信
2013/10/23 职场文书
集体备课反思
2014/02/12 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
2014年文员工作总结
2014/11/18 职场文书
自荐信模板大全
2015/03/27 职场文书
大学团日活动总结书
2015/05/11 职场文书
七年级作文之英语老师
2019/10/28 职场文书