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引用指针使用介绍
Nov 07 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
老生常谈jquery id选择器和class选择器的区别
Feb 12 Javascript
javascript将url解析为json格式的两种方法
Aug 18 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
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的正则处理函数总结分析
2008/06/20 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
PHP取进制余数函数代码
2012/01/19 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
php和nginx交互实例讲解
2019/09/24 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
3分钟掌握常用的JS操作JSON方法总结
2017/04/25 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
Vue实现图片与文字混输效果
2019/12/04 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
利用js canvas实现五子棋游戏
2020/10/11 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[01:15:36]加油刀塔第二期网络版
2014/08/09 DOTA
python实现快速排序的示例(二分法思想)
2018/03/12 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
python3注册全局热键的实现
2020/03/22 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
聚网科技C++面试笔试题
2015/09/01 面试题
国外的一些J2EE面试题一
2012/10/13 面试题
酒店总经理欢迎词
2014/01/15 职场文书
党员示范岗材料
2014/12/19 职场文书
ktv服务员岗位职责
2015/02/09 职场文书
材料员岗位职责
2015/02/10 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书