jQuery 遍历 (each、map)

jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

1、each() 对 jQuery 对象进行迭代，为每个匹配元素执行函数。

实例

输出每个 li 元素的文本：

$("button").click(function(){$("li").each(function(){alert($(this).text())});
});

2、.map() 把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。

由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组。

.map() 方法对于获得或设置元素集的值特别有用。

<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://w3school.com.cn/"/>
　　</form>

</body>

输出结果

转载于:https://www.cnblogs.com/michellexiaoqi/p/7192744.html

jQuery 遍历 (each、map)相关推荐

【jQuery 遍历】 - map() 方法
构建表单中所有值的列表: $("p").append( $("input").map(function(){return $(this).val();}).ge ...
jquery 遍历java对象,js/jquery遍历对象和数组的方法分析【forEach，map与each方法】...
本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ ...
jquery遍历得到的 Map 数据，
关于action将map通过json传回ajax遍历的问题,以及jquery遍历注意编码方式 ajax遍历map 在开发中,经常会遇到在页面生成之后要根据界面操作动态更改页面数据的问题,这种时候一般使 ...
jQuery 遍历方法
jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
原生JS、jQuery 遍历方法总结
一.原生JS: forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当 ...
jquery中的map()方法与js中的map()方法
1.jquery中的map()方法首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
jquery遍历节点的方法
jquery遍历节点方法总结: 后代遍历 children()方法返回被选元素的所有直接子元素. find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 祖先遍历 parent()方法返回 ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
jQuery 遍历方法总结
遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...

jQuery 遍历 (each、map)

jQuery 遍历函数

实例

jQuery 遍历 (each、map)相关推荐

最新文章

热门文章