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正则表达式中参数g(全局)的作用
Nov 11 Javascript
jQuery Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
jQuery extend 的简单实例
Sep 18 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
vue文件运行的方法教学
Feb 12 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/01 无线电
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
将字符串中由空格隔开的每个单词首字母大写
2014/04/06 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
2019/02/22 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
一篇不错的Python入门教程
2007/02/08 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Python Process多进程实现过程
2019/10/22 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
pandas的相关系数与协方差实例
2019/12/27 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
考核工作实施方案
2014/03/30 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript