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 解析xml文件
Aug 09 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
ES6学习教程之Map的常用方法总结
Aug 03 Javascript
Node 自动化部署的方法
Oct 17 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
开发大型PHP项目的方法
2006/10/09 PHP
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
php数据库连接
2006/10/09 PHP
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
2020/06/01 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
原生微信小程序开发中 redux 的使用详解
2021/02/18 Javascript
Python中多线程thread与threading的实现方法
2014/08/18 Python
Python下线程之间的共享和释放示例
2015/05/04 Python
python最长回文串算法
2018/06/04 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
新电JAVA笔试题目
2014/08/31 面试题
什么是索引指示器
2012/08/20 面试题
建筑设计所实习生自我鉴定
2013/09/25 职场文书
资产评估专业大学生求职信
2013/09/29 职场文书
环境工程大学生个人的自我评价
2013/10/08 职场文书
应届生幼儿园求职信
2013/11/12 职场文书
火灾现场处置方案
2014/05/28 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
党支部对转正的意见
2015/06/02 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis