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


Posted in Javascript onJanuary 21, 2014

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

Javascript 相关文章推荐
JavaScript中number转换成string介绍
Dec 31 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
javascript数组去重方法汇总
Apr 23 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
javascript实现简单打字游戏
Oct 29 Javascript
Vue通过WebSocket建立长连接的实现代码
Nov 05 Javascript
jQuery弹框插件使用方法详解
May 26 jQuery
Vue 组件复用多次自定义参数操作
Jul 27 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 #Javascript
javascript break指定标签打破多层循环示例
Jan 20 #Javascript
js点击出现悬浮窗效果不使用JQuery插件
Jan 20 #Javascript
javascript中直接引用Microsoft的COM生成Word
Jan 20 #Javascript
通过复制Table生成word和excel的javascript代码
Jan 20 #Javascript
js取值中form.all和不加all的区别介绍
Jan 20 #Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 #Javascript
You might like
php 一元分词算法
2009/11/30 PHP
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
Yii框架登录流程分析
2014/12/03 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
列表内容的选择
2006/06/30 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
Js获取事件对象代码
2010/08/05 Javascript
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
浅析Python的Django框架中的Memcached
2015/07/23 Python
tensorflow识别自己手写数字
2018/03/14 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
python实现桌面气泡提示功能
2019/07/29 Python
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
new修饰符是起什么作用
2015/06/28 面试题
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
拖鞋店创业计划书
2014/01/15 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
大学生就业求职信
2014/06/12 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
环卫工作个人总结
2015/03/04 职场文书
2015年大学生实习评语
2015/03/25 职场文书
为自己工作观后感
2015/06/11 职场文书
金砖之国观后感
2015/06/11 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
Python中如何处理常见报错
2022/01/18 Python