手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery map方法使用示例
jquery map方法使用示例
摘要:jQuery.map(array,callback(elementOfArray,indexInArray))Returns:Array感觉...

jQuery.map( array, callback(elementOfArray, indexInArray) )

Returns: Array

感觉jquery的map方法非常好用,特向大家分享下。

方法作用:将数组或单个对象,替换为新的内容。

应用实例:获取一组checkbox的值,以英文逗号分隔,进行拼接。

复制代码 代码如下:

<html>

<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>

<script>

$(function(){

$("input").click(function(){

var str = $(":checked").map(function(){

return this.value;

}).get().join(",")

$("span").html(str);

})

})

</script>

</head>

<body>

<input type="checkbox" value="a"/>a

<input type="checkbox" value="b"/>b

<input type="checkbox" value="c"/>c

<br/>

结果展示:<span/>

</body>

</html>

对于CSDN的代码编辑,实在不敢恭维,我在jsFiddle创建了上述例子,附链接:http://jsfiddle.net/dV8eh/。

【jquery map方法使用示例】相关文章:

JavaScript中的italics()方法的使用介绍

JavaScript中的blink()方法的使用

JQuery中attr方法和removeAttr方法用法实例

JQuery中Text方法用法实例分析

JavaScript的Date()方法使用详解

jquery使用经验小结

jQuery+ajax实现无刷新级联菜单示例

jquery滚动特效集锦

JavaScript中的parse()方法使用简介

JavaScript中substring()方法的使用

精品推荐
分类导航