JSFiddle - React, Tailwind, and code Playground

HTML

<p id="foo" class="bar">Mutiple attes</p>
<span id="idis"></span>
<span id="classis"></span>
<span id="multiple"></span>

JavaScript

(function($)
{
	var oldAttr = $.fn.attr;
  $.fn.attr = function() {
		var args= arguments[0];
    if(Object.prototype.toString.call(args)=="[object Array]") {
      return [args.map((e=> oldAttr.apply(this, [e])))];
    }
   return oldAttr.apply(this, arguments);
  };
})(jQuery);

$("#idis").html($("p").attr("id"));
$("#classis").html($("p").attr("class"));
$("#multiple").html($("p").attr(["id","class"]))
  //$.fn.attr.apply($("#idis"), "class");