JSFiddle - React, Tailwind, and code Playground

HTML

<div>A</div>
<div>B</div>
<div>C</div>

JavaScript

$.fn.each2 = function(callback)
{
   for ( var i = 0; i < this.length; ++i ) {
       var jObj = this.eq(i);
      callback.call( jObj, i, jObj )
   }
};
       
$.fn.each3 = function(callback)
{
   for ( var i = 0; i < this.length; ++i ) {
       var jObj = $(this[i]);
      callback.call( jObj, i, jObj )
   }
};

var d = new Date();
for (var i = 0; i < 10000; ++i)
{
    $("div").each(function(i, obj) {
      //alert("(each) " + this.toString() + " == " + obj.toString());
    });
}
alert((new Date() - d));

var d2 = new Date();
for (var i = 0; i < 10000; ++i)
{
    $("div").each2(function(i, obj) {
      //alert("(each2) " + this.toString() + " == " + obj.toString());
    });
}
alert((new Date() - d2));
       
var d3 = new Date();
for (var i = 0; i < 10000; ++i)
{
    $("div").each3(function(i, obj) {
      //alert("(each2) " + this.toString() + " == " + obj.toString());
    });
}
alert((new Date() - d3));