jquery map()方法入门教程

发布时间:2019-11-21编辑:脚本学堂
jquery map()方法的用法,介绍了map()方法的语法结构、参数列表、转换数组的技巧,map()方法的例子,一起来学习下。

jquery中map()方法用法

此方法将一组元素转换成其他数组(不论是否是元素数组)。

可以用这个函数来建立一个列表,不论是值、属性还是css样式,或者其他特别形式。

语法结构:
 

$("selector").map(function)

参数列表:
参数 描述
function 给每个元素执行的函数

例子:
 

复制代码 代码示例:
<!doctype html>
<html>
<head>
<meta charset=" utf-8">
<title> www.osxue.com - 系统学堂</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="http://www.osxue.com"/>
</form>
</div>
</body>
</html>