`
huangyongxing310
  • 浏览: 498995 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery的$().each,$.each的区别与详解

阅读更多

jquery的$().each,$.each的区别与详解


$().each
对匹配上的每个DOM对象调用一个处理(函数)
$().each,对于这个方法,在dom处理上面用的较多

如:
$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}




$.each()
用于遍历一个对象

遍历一个数组
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n)
{
    alert(“索引:”+i,”对应值为:”+n.name);
});


参数i为遍历索引值,n为当前的遍历对象(数组里的一个子项).
也可以用i作为下标进行访问


var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
	alert(this);
});


遍历每一个数组项:
输出:one   two  three  four   five


var arr1 = ["one", "two", "three", "four", "five"];
$.each(arr1, function (i,n) {
	alert(i);
	alert(arr1[i]);
});


遍历每一个数组项:
输出:one   two  three  four   five
i为遍历索引值
n为数组项


var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
	alert(item[0]);
});


i为遍历索引值
item为二维数组里的一个子项(一维数组)
输出:1   4   7


var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
	alert(obj[key]);
});


key为对象里(key/value)里的key
val为对象里(key/value)里的value



参考原文:http://www.frontopen.com/1394.html
分享到:
评论

相关推荐

    jQuery中$.each使用详解

    在 jQuery 中,$.each 函数是一个非常强大的工具,它允许开发者遍历对象或者数组,并对每个元素执行指定的操作。$.each 函数既可以处理 JavaScript 的数组和对象,也可以处理 jQuery 对象,如通过选择器获取的元素...

    JQuery中$.each 和$(selector).each()的区别详解

    另外,与$.each不同,如果你在$(selector).each()的回调函数中返回false,它将会停止进一步遍历,这在某种程度上类似于在for循环中使用break语句。 在实际应用中,如果你需要遍历的是DOM元素,那么$(selector).each...

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    在jQuery中,`$().each()` 和 `$.each()` 是两种常见的遍历方法,它们用于处理不同的数据结构,包括DOM元素集合、数组和JSON对象。接下来我们将深入探讨这两种方法的用法及其区别。 首先,`$().each()` 主要用于...

    jQuery API 详解 中文版

    此外,还包括了基本的DOM遍历方法,如$.each(),以及数据绑定和获取($.data()和$.fn.data())。 **第二部分:DOM(文档对象模型)** 这部分主要介绍如何利用jQuery操作DOM元素,如添加、删除和复制元素,以及修改...

    jquery.query.js

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

    中文版jQueryAPI.rar

    1. DOM操作:jQuery提供了一系列方法用于元素的增删改查,如$.append()(添加内容到末尾)、$.prepend()(添加内容到开头)、$.remove()(删除元素)和$.html()(设置或获取元素内容)。 2. 属性操作:使用$.attr()...

    jquery的each()详解.docx

    两种调用方式`$.each()`和`jQuery对象.each()`本质上是相同的,只是后者更加直观,直接在jQuery对象上调用。 在jQuery源码中,`each()`函数的实现允许我们对数组或对象进行自定义操作,同时提供了中断循环的能力。...

    jQueryAPI_CHM.rar

    jQuery还提供了一些实用的工具方法,如$.each()用于遍历数组或对象,$.trim()用于去除字符串首尾的空白,$.inArray()检查元素是否在数组中,$.grep()过滤数组等。 总之,jQuery API CHM文件是开发者学习jQuery的...

    jQuery1-8-2.js和jqueryAPI

    - **$.each()**:遍历对象或数组,执行回调函数。 - **$.ajaxSetup()**:设置全局Ajax选项。 - **$.getScript()**:异步加载并执行JavaScript脚本。 - **$.getJSON()**:获取JSON数据。 - **$.param()**:序列化表单...

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

    离线的HTML版本的jQuery手册不仅包含了这些基础知识,还可能包含高级用法、API详解、示例代码和常见问题解答等内容,帮助开发者快速查找和解决问题。无论你是jQuery新手还是资深开发者,这个手册都能成为你不可或缺...

    JQuery1.7.1API+jquery1.7.1.min.js+air打开工具

    《jQuery 1.7.1 API详解与应用实践》 jQuery是JavaScript库的杰出代表,以其简洁易用的API和强大的功能深受开发者喜爱。这里我们主要聚焦于jQuery 1.7.1版本,该版本在当时是jQuery的一个重要里程碑,引入了一些...

    jquery插件.rar

    《jQuery插件开发详解》 在Web开发领域,jQuery是一个广泛应用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。jQuery插件是jQuery生态系统的重要组成部分,它们扩展了jQuery的核心...

    jquery 500多种特效

    遍历功能如$.each()则帮助我们逐个操作选中的元素,实现批量处理。 二、DOM操作 jQuery提供了便利的DOM操作方法,如$.append()用于在元素末尾添加内容,$.prepend()在开头插入,$.html()和$.text()分别用于设置或...

    jquery文档.zip

    - **$.each()**:用于遍历数组和对象,执行自定义函数。 - **$.extend()**:合并两个或更多对象,将源对象的属性复制到目标对象。 - **$.trim()**:去除字符串首尾的空白字符。 - **$.ready()**:页面加载完成后执行...

    jQuery插件开发的两种方法及$.fn.extend的详解

    ### $.fn.extend的详解 $.fn.extend方法实际上是jQuery.prototype.extend方法的简写形式。该方法用于扩展jQuery对象的功能,即将一个或多个对象的方法和属性添加到jQuery的原型中,从而为所有jQuery对象实例提供新...

    jquery1.7+jquery1.8 API文档CHM格式

    3. **$.each()**: 对于非数组对象,$.each()现在会返回对象本身,方便链式操作。 4. **$.proxy**: 优化了$.proxy,使其可以处理未定义的上下文(context)。 5. **动画改进**: 添加了`.stop(true, true)`,使动画...

    jquery1.5.js和开发文档

    《jQuery 1.5.js与开发文档详解》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将详细探讨jQuery 1.5.js的核心功能和开发文档API...

Global site tag (gtag.js) - Google Analytics