As someone who started his coding career by diving head-first into python, I have always been an admirer of clean and concise code. That is one of the reasons I enjoy using jQuery with it’s concise one-word functions and methods.
jQuery object is an array-like collection returned when new HTML elements are created or existed ones are selected. According to jQuery’s website,
When creating new elements (or selecting existing ones), jQuery returns the elements in a collection. Many developers new to jQuery assume that this collection is an array. It has a zero-indexed sequence of DOM elements, some familiar array functions, and a .length property, after all.
In this step-by-step guide, we will be looking at how to loop through a jQuery object of existing elements using .each() and nesting it with $(this) selector. The official syntax of .each() is as follows, where it takes a function as its argument — the function you want to apply on each element of the jQuery object.

#jquery #javascript #frontend