`

JQuery.$.each用法

阅读更多
以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html



通过它,你可以遍历对象、数组的属性值并进行处理。

使用说明

each函数根据参数的类型实现的效果不完全一致:

1、遍历对象(有附加参数)

$.each(Object, function(p1, p2) {

     this;       //这里的this指向每次遍历中Object的当前属性值

     p1; p2;     //访问附加参数

}, ['参数1', '参数2']);



2、遍历数组(有附件参数)

$.each(Array, function(p1, p2){

     this;       //这里的this指向每次遍历中Array的当前元素

     p1; p2;     //访问附加参数

}, ['参数1', '参数2']);



3、遍历对象(没有附加参数)

$.each(Object, function(name, value) {

     this;      //this指向当前属性的值

     name;      //name表示Object当前属性的名称

     value;     //value表示Object当前属性的值

});



4、遍历数组(没有附加参数)

$.each(Array, function(i, value) {

     this;      //this指向当前元素

     i;         //i表示Array当前下标

     value;     //value表示Array当前元素

});

下面提一下jQuery的each方法的几种常用的用法

Js代码
var arr = [ "one", "two", "three", "four"];    
$.each(arr, function(){    
    alert(this);    
});    
//上面这个each输出的结果分别为:one,two,three,four   
   
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]    
$.each(arr1, function(i, item){    
   alert(item[0]);    
});    
//其实arr1为一个二维数组,item相当于取每一个一维数组,  
//item[0]相对于取每一个一维数组里的第一个值  
//所以上面这个each输出分别为:1   4   7    
 
 
var obj = { one:1, two:2, three:3, four:4};    
$.each(obj, function(key, val) {    
    alert(obj[key]);          
});  
//这个each就有更厉害了,能循环每一个属性    
//输出结果为:1   2  3  4
分享到:
评论

相关推荐

    jquery手册(jquery.cuishifeng.cn网页版)2

    10. **性能优化**: 使用`$(document).ready()`确保DOM加载完成后执行脚本,减少DOM操作以提高性能,使用 delegated event handling 处理大型动态内容等都是jQuery性能优化的技巧。 离线的HTML版本的jQuery手册不仅...

    jQuery的$.each()遍历数组或对象的用法

    $.each()遍历数组或对象的具体用法

    jquery库文件(jquery.min.rar)

    9. **工具函数**:jQuery还提供了一些实用的工具函数,如`$.each()`, `$.extend()`, `$.trim()`等,方便开发者处理数组、对象和字符串。 10. **版本更新**:“jquery.min.js”是jQuery的最小化版本,适合生产环境...

    jquery.imgpreload-master

    接下来,你可以通过调用$.fn.imgpreload()方法,传入图片元素的选择器或者图片URL数组,来启动预加载过程。例如: ```javascript $(document).ready(function() { $('img').imgpreload(function() { // 当所有...

    jQuery中$.each()函数的用法引申实例_.docx

    本文将详细介绍`$.each()`函数的基本用法、高级技巧以及实际应用场景。 #### 二、基础语法 `$.each()`函数的基本语法如下: ```javascript $.each(collection, callback); ``` - `collection`:需要遍历的集合,...

    jquery.tmpl.js

    三、使用方法 1. **引入库**:首先,需要在HTML文件中引入jQuery库和tmpl.js文件。 2. **创建模板**:在HTML中,我们可以使用`<script type="text/x-jquery-tmpl">`标签定义模板。 3. **定义数据**:创建一个JSON...

    jQuery.js执行过程分析

    这些方法包括但不限于`each`、`find`等,它们构成了jQuery的基础功能。通过这种方式,所有由jQuery构造的实例都可以访问这些方法。 4. **静态方法扩展**: `jQuery.extend`是一个静态方法,用于扩展jQuery自身的...

    jquery $.each json 获取json 数据

    要使用jQuery的$.each函数解析JSON数据,首先你需要将JSON字符串转换为JavaScript对象,这可以通过`JSON.parse()`方法实现。例如: ```javascript var jsonString = '{"name":"John","age":30,"city":"New York"}';...

    jquery.query.js

    4. 遍历与迭代:$.each()方法提供了遍历对象或数组的能力,可以方便地进行循环操作。 5. 条件判断:$.if()和$.switch()模拟了条件语句,使得JavaScript代码更接近自然语言,易于理解和维护。 6. 数组和对象操作:$...

    jQuery源码分析之jQuery.fn.each与jQuery.each用法

    本文实例讲述了jQuery源码分析之jQuery.fn.each与jQuery.each用法。分享给大家供大家参考。具体分析如下: 先上例子,下面代码的作用是:对每个选中的div元素,都给它们添加一个red类 复制代码 代码如下:$(‘div’)....

    jQuery使用$.each遍历json数组的简单实现方法

    ### jQuery使用$.each方法遍历JSON数组 #### 1. jQuery $.each方法概述 jQuery中的$.each方法是一个强大的工具,它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法,比如$.map、$.grep等,但...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    总结一下,`$.each`用于遍历数组或对象,而`this.each`和`$.fn.each`则是jQuery中用于遍历jQuery对象的方法,特别是在自定义jQuery插件时,`this.each`扮演着重要角色。在实际应用中,根据需求选择合适的方法能帮助...

    jquery-1.3.2.js和jquery.min-1.3.2.js

    此外,jQuery提供了一套丰富的API,如`$(document).ready()`用于页面加载完成后执行函数,`$.ajax()`用于异步数据交互,`$.each()`用于遍历数组或对象,等等。 在jQuery 1.3.2中,性能优化是一个重要方面。"jquery....

    jQuery中$.each使用详解

    在JavaScript的世界里,jQuery库提供了一个非常方便的函数——`$.each`,用于遍历对象和数组。这个函数使得开发者可以轻松地对集合中的每个元素或属性执行操作。接下来我们将详细探讨`$.each`的使用方式及其在不同...

    jquery.chm

    同时,$.each()方法可用于遍历元素集合,实现对每个元素的定制操作。 三、DOM操作 jQuery封装了大量DOM操作方法,如.html()、.text()、.attr()用于设置或获取元素内容和属性,.append()、.prepend()用于在元素内部...

    JQuery $.each遍历JavaScript数组对象实例

    或者使用`$.parseJSON()`(虽然此方法在jQuery 3.0版本后已被弃用,但仍然可以在较旧版本中使用): ```javascript var jsonStr = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tag...

    jQuery.js执行过程分析[收集].pdf

    它封装了XMLHttpRequest对象,提供了一套完整的异步数据通信解决方案,包括`$.ajax`、`$.get`、`$.post`等方法,使得开发者能够轻松地进行跨域请求和数据交互。 总结起来,jQuery.js的执行过程涉及构造函数、...

    jquery.tmpl.js使用例子

    这篇教程将深入探讨tmpl.js的使用方法和技巧,帮助你更好地理解和应用这一强大的工具。 首先,tmpl.js的核心理念是通过模板语法来生成HTML。模板通常是一段HTML代码,其中包含了一些特殊的标记,这些标记会被...

Global site tag (gtag.js) - Google Analytics