当前位置: 首页 > news >正文

$(selector).each()和$.each()的区别

文章转自//https://blog.csdn.net/qq_27093465/article/details/50498744

.each()

 

$(selector).each()是专门用来遍历一个jQuery对象,为每个匹配元素执行一个函数。

 

.each() 方法用来让DOM循环结构更简单更不易出错。它会迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。更重要的是,回调函数是在当前DOM元素为上下文的语境中触发的。因此关键字 this 总是指向这个元素。

例子:
<ul>
<li>foo</li>
<li>bar</li>
</ul>

$( "li" ).each(function( index ) {
console.log( index + ": "" + $(this).text() );
});

结果:
0: foo 
1: bar

$.each()

完整格式:jQuery.each(),简写为$.each()

$.each()函数。$.each()函数可用于迭代任何集合,无论是“名/值”对象(JavaScript对象)或数组。在迭代数组的情况下,回调函数每次传递一个数组索引和相应的数组值作为参数。(该值也可以通过访问this关键字得到,但是JavaScript将始终将this值作为一个Object ,即使它是一个简单的字符串或数字值。)该方法返回其第一个参数,这是迭代的对象。


$.each([52, 97], function(index, value) {
alert(index + ': ' + value);
});

这将产生两个信息:

0: 52
1: 97

如果对象是作为集合使用,回调函数每次传递一个键值对的:

var obj = {
"flammable": "inflammable",
"duh": "no duh"
};
$.each( obj, function( key, value ) {
alert( key + ": " + value );
});

这将产生两个信息:

flammable: inflammable
duh: no duh

可以在$.each()返回false来终止迭代。返回非false相当于一个循环中的continue语句,这意味着,它会立即跳出当前的迭代,转到下一个迭代。

 

转载于:https://www.cnblogs.com/xufeng1994/p/10073561.html

相关文章:

  • CSS盒模型的介绍
  • Docker 入门
  • 安装Kubernetes的坑 ---- Flanneld
  • 简单类型和对象的区别
  • Java基础之关键字
  • 作用域和名称空间
  • 云主机文件系统readonly处理案例
  • STM8S003F3通过PWM波实现三基色呼吸灯(转)
  • 前端技术周刊 2018-12-10:前端自动化测试
  • puppet连载22:define用法
  • Django2.0——请求与响应(下)
  • 华为敏捷DevOps实践:如何从Excel管理软件的方式中走出来
  • CentOS7配置Kubernetes(K8S)集群
  • Docker在Linux/Windows上运行NetCore文章系列
  • 使用Python将MongoDB数据导到MySQL
  • hexo+github搭建个人博客
  • CSS3 变换
  • Date型的使用
  • Github访问慢解决办法
  • Intervention/image 图片处理扩展包的安装和使用
  • k8s 面向应用开发者的基础命令
  • LeetCode18.四数之和 JavaScript
  • React Transition Group -- Transition 组件
  • React-redux的原理以及使用
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • Yeoman_Bower_Grunt
  • 分类模型——Logistics Regression
  • 浏览器缓存机制分析
  • 前端存储 - localStorage
  • 三栏布局总结
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 在Mac OS X上安装 Ruby运行环境
  • ionic入门之数据绑定显示-1
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • #162 (Div. 2)
  • #设计模式#4.6 Flyweight(享元) 对象结构型模式
  • #微信小程序:微信小程序常见的配置传旨
  • $ git push -u origin master 推送到远程库出错
  • (DenseNet)Densely Connected Convolutional Networks--Gao Huang
  • (poj1.3.2)1791(构造法模拟)
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (ZT)出版业改革:该死的死,该生的生
  • (翻译)Quartz官方教程——第一课:Quartz入门
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (转载)OpenStack Hacker养成指南
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • .gitignore
  • .NET “底层”异步编程模式——异步编程模型(Asynchronous Programming Model,APM)...
  • .NET 中小心嵌套等待的 Task,它可能会耗尽你线程池的现有资源,出现类似死锁的情况
  • .NET企业级应用架构设计系列之开场白
  • .net专家(张羿专栏)
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • @private @protected @public
  • [acwing周赛复盘] 第 94 场周赛20230311
  • [Android]竖直滑动选择器WheelView的实现