其实jQuery对象本身就是一个数组。
比如我们将一个jQuery对象变成一个JavaScript对象要这么做：
var element = $('#id')[0] ;
我们使用jQuery对象进行遍历操作的时候，可以方便地使用each。
$('.input').each(function(){
var text = $(this).val(); //jQuery对象
alert(text);
});
JavaScript经常会遇到数组和对象的批量处理。
jQuery给了一层非常良好的封装。
这一个就是each了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hi!</title>
<script type="text/javascript" src="../scripts/jquery-1.2.1.js">
</script>
<script type="text/javascript">
var $ = 'Hi!';
jQuery(function(){
alert('$ = '+ $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){}/这样就可以了
//alert(jQuery)
});
jQuery(function($){
//------------遍历数组 .each的使用-------------
var anArray = ['one','two','three'];
$.each(anArray,function(n,value) {
//do something here
//alert(n+' '+value);
});
var anObject = {one:1, two:2, three:3};
$.each(anObject,function(name,value) {
//do something here
//alert(name+' '+value);
});
//-----------过滤数组 .grep的使用------------
var originalArray =[99,101,103];
/*//第一种写法
var bigNumbers = $.grep(originalArray,function(value) {
return value > 100;
});
*/
var bigNumbers = $.grep(originalArray,'a>100');//第2种写法,还可以用正则表达式来过滤
$.each(bigNumbers,function(n,value) {
//do something here
//alert(n+' '+value);
});
//------------转换数组 .map的使用------------
var strings = ['1','2','3','4','S','K','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null : result;//如果result不是数字则 返回null（返回null在这里相当于不返回）
});
$.each(values,function(n,value) {
//do something here
//alert(value);
});
var characters = $.map(
['this','that','other thing'],
function(value){return value.split('');}//分离字符串用返回给characters
);
//alert(characters.length);
//------------.inArray(value,array)的使用------------返回value在array下标的位置，如果value不在array中则返回-1
var index = $.inArray(2,[1,2,3,4,5]);
//alert(index);
//------------makeArray(obj)的使用------------将类数组对象转换为数组对象。
var arr = jQuery.makeArray(document.getElementsByTagName("div"));
//arr.reverse(); // 使用数组翻转函数
$.each(arr,function(n,value) {
//do something here
//alert(n+' '+value);
//alert(value.html());
});
var arr2 =$.unique(document.getElementsByTagName("div")); //获得唯一的对象，看API,说得很模
alert();
$.each(arr2,function(n,value) {
//do something here
alert(n+' '+value);
});
});
</script>
</head>
<body>
<div>First</div><div>Second</div><div>Third</div><div>Fourth</div><div>Fourth</div>
</body>
</html>
相关推荐
jquery中的each函数和map函数的用法看起来差不多，但其实还是有一点区别的。 其中一个重要的区别是，each返回的是原来的数组，并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用...
jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法，用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍： 1....
map()函数在jQuery中用于遍历包装集中的每一个元素，并为它们调用回调函数，将回调函数的返回值收集到一个新的jQuery对象中。这种方法经常用于从一组元素中提取信息，比如获取一组元素的特定属性值。在使用map()时，...
在上述遍历函数中，.each()函数和.map()函数都是用于迭代的函数，但它们的用途有所不同。.each()通常用于执行操作而不改变集合，而.map()则是在迭代过程中可以生成新的集合。例如，.each()常用于遍历DOM元素并对每个...
5. 浏览器操作：JQuery工具函数还包括一些浏览器操作相关的函数，但是需要注意的是，某些函数已经不再推荐使用。 6. 其他操作：$.proxy()函数用于调整函数的this指向。在外部事件触发调用对象方法时，this指向可能...
### jQuery中$.each()函数的深入理解与应用 #### 一、概述 在现代Web开发中，jQuery作为一个非常流行的JavaScript库，提供了丰富的功能和简洁的API来简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中，`...
jQuery是一个广泛使用的JavaScript库，它提供了一系列...了解并熟练使用这些jQuery数组处理函数，能极大地提高代码的效率和可读性，使开发过程更加顺畅。在实际项目中，可以根据需求灵活运用这些工具，简化数组操作。
在jQuery库中，`map()`和`each()`都是遍历集合元素的重要方法，但它们有着不同的使用场景和功能。本文将深入探讨这两个方法，并通过示例来解释它们的工作原理。 ### 1. `map()`方法 `map()`方法主要用于创建一个新...
使用$.map()工具函数变更数组中的元素 使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的空格符 使用$.isEmptyObject()函数检测对象是否为空 使用$.isPlainObject()函数检测...
总结一下，这个示例展示了如何使用jQuery的`$.each()`函数来遍历并打印Map对象的键值对，同时通过内嵌的数组遍历，使输出具有层次感。在处理复杂的数据结构时，理解并掌握`$.each()`的用法能够提高代码的可读性和...
最后，jQuery.globalEval()函数可以全局执行一段JavaScript代码，与eval()函数相似，但其作用域是全局的，而jQuery.map()函数则用于将数组或对象中的每个元素映射到新的数组中，根据回调函数返回值重新构建数组。...
jQuery的内置聚合函数如`.each()`, `.map()`, `.get()`, `.toArray()`等，也遵循类似的模式，帮助开发者对jQuery对象集进行迭代和处理。例如： - **.each()**：遍历jQuery对象集中的每个元素，并对每个元素执行提供...
在本文中，我们将探讨jQuery库中的一系列遍历函数，以及如何使用javascript中的each函数来遍历数组和DOM元素。jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互的...
转换数组通常涉及到使用$.map()函数，它接收一个数组和一个回调函数作为参数，并将回调函数应用于原数组的每个元素，然后返回一个新的数组。这个新数组是根据回调函数的返回值构建的，因此可以用来转换数组的元素...
9.5 综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305 9.5.1 需求分析/305 9.5.2 效果界面/305 9.5.3 功能实现/306 9.5.4 代码分析/309 9.6 本章小结/311 第10章 jQuery性能优化与最佳...
- 如果你正在使用jQuery库，并且需要遍历数组或对象，`$.each`是自然的选择，因为它提供了统一的接口。 - 当不使用jQuery或者处理的是纯数组时，`forEach`更符合JavaScript的原生风格，而且它更简洁。 **5. 性能...
在jQuery库中，有多个函数用于处理数组和对象，包括grep、each、inArray和map。这些函数在处理数据和遍历JSON对象时非常有用。接下来我们将详细探讨这些函数的用法。 1. **grep()**： `$.grep()`函数用于筛选数组...