The <code>querySelectorAll()</code> returns a DOM list that includes elements that matches the query. The equivalent to <code>$().each()</code> in JavaScript is <code>document.querySelectorAll().forEach()</code> function.
Refer to the following code snippet to learn how to loop through DOM elements and make changes through jQuery and vanilla JavaScript:
<pre><code>// Select multiple elements and hide them using jQuery
$(".blog-post").hide();
</code></pre><pre><code>// Select multiple elements and hide them using vanilla JavaScript
document.querySelectorAll(".blog-post").forEach((post) =&gt; {
 post.style.display = "none";
});
</code></pre>

The `querySelectorAll()` returns a DOM list that includes elements that matches the query. The equivalent to `$().each()` in JavaScript is `document.querySelectorAll().forEach()` function.

Refer to the following code snippet to learn how to loop through DOM elements and make changes through jQuery and vanilla JavaScript:

```
// Select multiple elements and hide them using jQuery
$(".blog-post").hide();
```

```
// Select multiple elements and hide them using vanilla JavaScript
document.querySelectorAll(".blog-post").forEach((post) => {
	post.style.display = "none";
});
```

Loop through DOM elements and make changes