当前位置:主页 > jquery教程 > jquery map方法使用示例

关于jquery map方法使用

发布:2020-01-13 15:22:23 189


给网友们整理jquery map相关的编程文章,网友申睿颖根据主题投稿了本篇教程内容,涉及到jquery、map、jquery map方法使用示例相关内容,已被133网友关注,涉猎到的知识点内容可以在下方电子书获得。

jquery map方法使用示例

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中next()方法详解

    发布:2020-07-30

    这篇文章主要介绍了jQuery中next()方法用法,实例分析了next()方法的功能、定义及获得匹配元素集合中每个元素紧邻的同辈元素使用技巧,需要的朋友可以参考下


  • jquery背景墙聚光灯效果的实例代码

    发布:2020-01-17

    这篇文章主要介绍了jquery实现背景墙聚光灯效果示例,需要的朋友可以参考下


  • jQuery子元素过滤选择器实例用法

    发布:2021-06-05

    这篇文章主要介绍了jQuery子元素过滤选择器用法,结合实例形式分析了jQuery中nth-child、first-child、last-child、only-child等进行子元素过滤操作的相关技巧,需要的朋友可以参考下


  • 如何用jQuery实现div随鼠标移动而移动

    发布:2020-02-11

    这篇文章主要为大家详细介绍了jQuery实现div跟随鼠标移动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • jQuery实现锚点scoll效果的具体方法

    发布:2019-08-03

    这篇文章主要介绍了jQuery实现锚点scoll效果,实例分析了锚点scoll效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下


  • jQuery遍历json的实例代码

    发布:2019-12-17

    这篇文章主要介绍了jQuery遍历json的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下


  • 总结python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法

    发布:2020-02-09

    下面小编就为大家带来一篇python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • jQuery基于ajax对json操作的实例

    发布:2020-05-21

    这篇文章主要介绍了jQuery基于ajax操作json数据的方法,结合简单实例形式分析了jQuery的ajax基本使用方法及json数据传输操作相关技巧,需要的朋友可以参考下


网友讨论