`
747017186
  • 浏览: 332400 次
社区版块
存档分类
最新评论

jquery map 用法

 
阅读更多

<script type="text/javascript">
  $(document).ready(function(){
   $("p").append( $("input").map(function(){
    alert($(this).val());//弹出每个input的值，相当于each循环
      return $(this).val();
   }).get().join(", ") );//get()可以把这个集合转换一个数组，然后通过join(",")进行分割
  });                     map()方法的作用是：将一组元素转换成其他数组（不论是否是元素数组）
 </script>
  </head>
 
  <body>
 <p><b>Values: </b></p>
<form>
  <input type="text" name="name" value="John"/>
  <input type="text" name="password" value="password"/>
  <input type="text" name="url" value="http://ejohn.org/"/>
</form>

分享到：
| window.location.href怎么跳转指定子页面
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery快捷键插件mapkey

    **jQuery MapKey插件详解** 在网页开发中，提高用户交互性和操作效率是至关重要的，而快捷键（热键）的引入正是为了实现这一目标。`jQuery MapKey`是一款高效、易用的jQuery插件，它允许开发者为网页中的链接和功能...

    jquery-ui-map-3.0-rc.zip

    "demos"目录则是实际应用的示例，展示了jQuery UI Map 3.0 RC的各种用法和功能。通过这些示例，开发者可以直观地了解如何添加标记、设置信息窗口、实现拖放功能、调整地图层级以及响应式设计等。这些示例代码是学习...

    jQuery 遍历map()方法详解

    map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以...

    jquery中map函数遍历数组用法实例

    标题中提到的“jquery中map函数遍历数组用法实例”，意味着本篇文档将详细讲解jQuery库中的map函数在遍历数组时的应用方法和技巧。在描述中还提到，本文不仅仅局限于jQuery的map函数，还会提供一个自定义遍历数组的...

    jQuery中map()方法用法实例

    &lt;title&gt;jQuery map() 方法用法实例 &lt;script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"&gt; $(document).ready(function(){ $("p").append($("input").map(function(){ return $(this).val(); })...

    jquery实例 涵盖jquery所有基本用法

    **jQuery 是一个高效、...通过这个实例集，你可以深入理解并掌握jQuery的基本用法，无论你是初学者还是有经验的开发者，都可以从中受益。实例下载后，逐步学习并实践这些例子，将有助于提升你的JavaScript编程技能。

    Jquery中map函数的用法

    首先，我们来理解一下jQuery中map函数的基本用法。它的一般语法是： ```javascript jQueryObject.map(callback(index, domElement)); ``` 这里的`callback(index, domElement)`是一个回调函数，它会针对当前匹配...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    因此，了解并熟练掌握jQuery 3.5.1的用法，对于任何JavaScript开发者来说，都是非常有益的。 在学习和使用jQuery 3.5.1时，建议从基础入手，理解其核心概念和常用API，然后逐步探索高级特性和插件。同时，结合实际...

    基于jquery循环map功能的代码

    在JavaScript编程中，jQuery库提供了一种方便的方式来处理数据结构，比如循环遍历Map对象。在给定的标题和描述中，我们关注的核心是使用jQuery的`$.each()`方法来迭代Map对象。jQuery的`$.each()`函数是一个非常实用...

    jquery地图插件demo

    通过学习和理解"jquery地图插件demo"，开发者可以快速掌握地图插件的用法，并将其应用于实际项目中，为用户提供互动性和可视化的地理位置体验。无论是展示地理位置信息，还是构建复杂的地理信息系统，jQuery地图插件...

    jQuery函数map()和each()介绍及异同点分析

    map()函数在jQuery中用于遍历包装集中的每一个元素，并为它们调用回调函数，将回调函数的返回值收集到一个新的jQuery对象中。这种方法经常用于从一组元素中提取信息，比如获取一组元素的特定属性值。在使用map()时，...

    jquery.kxbdmarquee插件

    **jQuery.kxbdmarquee插件详解** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理和动画效果。在这个库的基础上，开发者创建了许多插件来扩展其功能，其中`jquery.kxbdmarquee`...

    jQuery实现自动补全功能

    "jQuery实现自动补全功能"是一个常见的需求，特别适用于搜索框或者输入字段，以提高用户体验。自动补全功能允许用户在输入时提供预设的建议，从而快速找到他们可能正在寻找的内容。 jQuery的自动补全功能主要依赖于...

    jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

    在jQuery库中，有多个函数用于处理数组和对象，包括grep、each、inArray和map。这些函数在处理数据和遍历JSON对象时非常有用。接下来我们将详细探讨这些函数的用法。 1. **grep()**： `$.grep()`函数用于筛选数组...

    Jquery例子，前后台交互，验证。

    在IT行业中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本资源"Jquery例子，前...在MyEclipse中运行这些示例，可以帮助开发者更好地理解和掌握jQuery的用法。

    Firebug控制台动态加载jquery脚本并执行jquery代码

    在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。...在学习和实践中，不断地尝试和理解这些工具的用法，将有助于你成为一名更优秀的前端开发者。

Magicbox
Global site tag (gtag.js) - Google Analytics