A simple extension of JQuery for TypeScript

jquery.ts

import $ from "jquery";

declare global {
	interface JQuery {
		/**
		 * Serialize an html form to an object
		 *
		 * @param Additional Additional key-value pairs to append to the result
		 * @returns An object containing form data
		 */
		SerializeFormToObject: (Additional?: any) => any;
		/**
		 * Serialize an html form to JSON
		 *
		 * @param Additional Additional key-value pairs to append to the result
		 * @returns A JSON string containing form data
		 */
		SerializeFormToJson: (Additional?: any) => string;
		hasAttr: (attrName: string) => boolean;
	}
}

$.fn.SerializeFormToObject = function (Additional = null) {
	const o: any = {},
		a = this.serializeArray();
	$.each(a, function () {
		if (o[this.name]) {
			if (!o[this.name].push) o[this.name] = [o[this.name]];
			o[this.name].push(this.value || "");
		} else o[this.name] = this.value || "";
	});
	if (Additional) o.push(Additional);
	return o;
};

$.fn.SerializeFormToJson = function (Additional = null): string {
	return JSON.stringify(this.SerializeFormToObject(Additional));
};

$.fn.hasAttr = function (attrName: string): boolean {
	return typeof $(this).attr(attrName) !== "undefined";
};

Object.assign(window, { jQuery: $, $ });