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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
浅谈vue-props的default写不写有什么区别
Aug 09 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 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实现变色验证码实例
2014/01/06 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
jQuery 1.2.x 升? 1.3.x 注意事项
2009/05/06 Javascript
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
python 调用钉钉机器人的方法
2019/02/20 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
Python LMDB库的使用示例
2021/02/14 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
澳大利亚实惠时尚女装商店:Katies
2019/06/16 全球购物
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
置业顾问岗位职责
2015/02/09 职场文书
调解书格式范本
2015/05/20 职场文书
心灵点滴观后感
2015/06/02 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python