What is the use of the jQuery .each() function?

 The jQuery `.each()` function is used to iterate over a set of elements, such as a collection of DOM elements or an array-like object, and perform a function for each element in the set. It is particularly useful for executing a custom function for each item in a collection without having to write a traditional `for` loop.

The basic syntax of the `.each()` function is as follows:

```javascript

$.each(collection, function(index, value) {

  // Code to be executed for each element in the collection

});

```

Here:

- `collection`: The set of elements or objects over which the iteration will occur.

- `function(index, value)`: The function to be executed for each element in the collection. The `index` parameter represents the index of the current element in the collection, and the `value` parameter represents the current element itself.

Here's a simple example using an array:

```javascript

var fruits = ['apple', 'banana', 'orange'];

$.each(fruits, function(index, value) {

  console.log(index, value);

});

```

This would output:

```

0 apple

1 banana

2 orange

```

You can use the `.each()` function with various types of collections, including DOM elements, jQuery objects, and arrays. It provides a convenient way to iterate over elements and perform operations or manipulations on each item in the collection.

×