当前位置: 首页 > 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
  • 【347天】每日项目总结系列085(2018.01.18)
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • HTML中设置input等文本框为不可操作
  • Java应用性能调优
  • js中forEach回调同异步问题
  • Python利用正则抓取网页内容保存到本地
  • ReactNative开发常用的三方模块
  • RedisSerializer之JdkSerializationRedisSerializer分析
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • SQLServer之创建显式事务
  • Swoft 源码剖析 - 代码自动更新机制
  • Vim Clutch | 面向脚踏板编程……
  • Vue实战(四)登录/注册页的实现
  • webpack项目中使用grunt监听文件变动自动打包编译
  • 从重复到重用
  • 动态魔术使用DBMS_SQL
  • 记一次和乔布斯合作最难忘的经历
  • 排序算法学习笔记
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 微信小程序开发问题汇总
  • ionic入门之数据绑定显示-1
  • Prometheus VS InfluxDB
  • 宾利慕尚创始人典藏版国内首秀,2025年前实现全系车型电动化 | 2019上海车展 ...
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • (10)STL算法之搜索(二) 二分查找
  • (3)STL算法之搜索
  • (javascript)再说document.body.scrollTop的使用问题
  • (Redis使用系列) Springboot 实现Redis 同数据源动态切换db 八
  • (分布式缓存)Redis分片集群
  • (六)vue-router+UI组件库
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (一)【Jmeter】JDK及Jmeter的安装部署及简单配置
  • (一)为什么要选择C++
  • (转)LINQ之路
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • .equal()和==的区别 怎样判断字符串为空问题: Illegal invoke-super to void nio.file.AccessDeniedException
  • .NET 跨平台图形库 SkiaSharp 基础应用