编程 Javascript

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程序设计有所帮助。

jQuery中map()方法用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jquery的气泡提示效果

May 31 Javascript

js给onclick事件赋值，动态传参数实例解说

Mar 28 Javascript

JS组件Bootstrap实现图片轮播效果

May 16 Javascript

每日十条JavaScript经验技巧(二)

Jun 23 Javascript

详解BootStrap中Affix控件的使用及保持布局的美观的方法

Jul 08 Javascript

网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法

Nov 24 Javascript

推荐VSCode 上特别好用的 Vue 插件之vetur

Sep 14 Javascript

详解node单线程实现高并发原理与node异步I/O

Sep 21 Javascript

Vue框架里使用Swiper的方法示例

Sep 20 Javascript

Vue Router history模式的配置方法及其原理

May 30 Javascript

vue实现整屏滚动切换

Jun 29 Javascript

js判断两个数组相等的5种方法

May 06 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