JQ-$.each()方法使用

jQuery的$.each()函数是全局函数，用于循环遍历jQuery对象的每个元素，它对于多元素DOM操作，循环任意数组和对象属性非常有用。
除了这个函数之外，jQuery还提供了一个具有相同名称的辅助函数，可以在不事先选择或创建DOM元素的情况下调用它。

语法

$.each(object,[callback]);

参数

object :需要遍历的对象或数组。

callback：每个成员/元素执行的回调函数，可选参数。格式为function(i,item){}，i和item是可选参数，其中i为对象的属性或数组的索引，item为对应属性或索引的值。如果需要退出each循环可使回调函数返回 false，其它返回值将被忽略。

1.获取a元素的href属性

$('a').each(function (index, value){console.log($(this).attr('href'));
});

2.输出数组对象数据

var numbers = [1, 2, 3, 4, 5, 6];
$.each(numbers , function (index, value){//index是数组索引console.log(index + ':' + value);
});

输出结果：0:1, 1:2, 2:3, 3:4, 4:5, 5:6

3.输出Json对象数据

var json = [ { 'red': '#f00' },{ 'green': '#0f0' },{ 'blue': '#00f' }
];
//JS输出：
for (var key in json) {if (p.hasOwnProperty(key)) {console.log(key + " -> " + p[key]);}
}$.each(json, function () {$.each(this, function (name, value) {console.log(name + '=' + value);});
});

输出结果：red=#f00, green=#0f0, blue=#00f

比较
JQuery还提供了另一个方法$(selector).each()，是对象方法，用途是遍历DOM元素，为每个匹配元素规定运行的函数。

JQ-$.each()方法使用相关推荐

在 Oracle Enterprise Linux 和 iSCSI 上构建您自己的 Oracle RAC 11g 集群
作者:Jeffrey Hunter 了解如何以低于 2,700 美元的费用在 Oracle Enterprise Linux 上安装并配置 Oracle RAC 11g 第 2 版开发集群. 本指南中 ...
Java面试题大全2021版
一.Java 基础 JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境. JRE:Java Run ...
Kotlin协程使用,协程使用注意事项，协程中的await方法使用｜不使用suspend使用协程
参见码云协程使用方法一 (Dispatchers调度器模式) 指定不同线程.同线程会挂起并阻塞(挂起是不影响主线程执行,阻塞是同样的IO线程会阻塞) withContext(Dispatchers ...
IDEA中将代码块封装为方法,IDEA代码重构快捷键
IDEA中将代码块封装为方法选中要转换的代码块,快捷键: Windows快捷键:Alt + Shift + M Mac快捷键:Alt + Command + M 如图:
IDEA自动生成对象所有set方法
idea中有一款插件能够生成对象所有的set方法,GenerateAllSetter :下载地址步骤1:将下载好的压缩包放在自己记得的文件夹中,在idea中进行导入步骤2:在本地选中刚才的压缩包, ...
List元素互换，List元素转换下标，Java Collections.swap()方法实例解析
Java Collections.swap()方法解析 jdk源码: public static void swap(List<?> list, int i, int j) {// ins ...
java1.8新增超实用Map方法——Map.getOrDefault()和Map.value()方法详解
1. Map.getOrDefault() 翻译一下官方解释: java.util.Map<K, V> V getOrDefault(Object key, V defaultValue) ...
spring boot项目中止运行最常用的几种方法
spring boot项目中止运行最常用的几种方法: 1. 调用接口,停止应用上下文 @RestController public class ShutdownController impleme ...
Java Calendar.add()方法的使用，参数含义。指定时间差。
cal.add()方法中的参数含义: 第一个参数如果是1则代表的是对年份操作,2是对月份操作,3是对星期操作,5是对日期操作,11是对小时操作,12是对分钟操作,13是对秒操作,14是对毫秒操作. 第 ...
设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...

JQ-$.each()方法使用

JQ-$.each()方法使用相关推荐

最新文章

热门文章