jquery each的几种常用的使用方法示例

jQuery源码里自己也有很多用到each方法。其实jQuery里的each方法是通过js里的call方法来实现的。下面简单介绍一下call方法。

call这个方法很奇妙，其实官方的说明是：“调用一个对象的一个方法，以另一个对象替换当前对象。”网上更多的解释是变换上下文环境，也有说是改变上下文this指针。

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

参数

thisObj 可选项。将被用作当前对象的对象。
arg1, arg2, , argN 可选项。将被传递方法参数序列。

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

例子

function add(a,b)   
{   
    alert(a+b);   
}   
function sub(a,b)   
{   
    alert(a-b);   
}   
add.call(sub,3,1);  

用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4);
注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。
具体call更深入的就不在这里提了。

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

复制代码代码如下:

 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

首页

PHP培训

视频教程

学习路径

资源下载

技术文章

社区

微信公众号

php8，我来也

细说PHP(2021版)第一季

TP6.0 搭建个人博客实战（玉女心经版）

2018前端入门_HTML5

JavaScript极速入门_玉女心经系列

独孤九贱(1)_HTML5视频教程

CSS视频教程-玉女心经版

30分钟学会网站布局

Thinkphp6.0正式版视频教程

php8，我来也

PHP实战天龙八部之微信支付视频教程

CI框架30分钟极速入门

MySQL权威开发指南（教程）

Redis基础视频课程

尚观Oracle入门到精通视频教程

PDO操作极速入门,今天你用了吗？

你的第一行UNI-APP代码

Uniapp简爱读书项目开发--第一季

公益直播：Uniapp微信小程序1:1仿饿了么首页

Flutter从零到APP上架

phpStudy V8 视频教程

兄弟连新版Linux视频教程

Git教程(60分钟全程无废话版)

vscode其实很简单

AXURE 9视频教程(适合产品经理交互产品设计 UI)

零基础精通 PS 视频教程

16天带你入门UI视频教程

PS技法与切片技术视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述—程序员必须掌握的基础知识

程序员入门必备教程—HTTP协议详解

Websocket视频教程