@types/jquery 2.0.65 → 2.0.67

jquery v2.0/index.d.ts

@@ -13,11 +13,12 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
+type BoundFunction = (this: HTMLElement) => void;
 /**
  * Interface for the AJAX setting that will configure the AJAX request
  * @see {@link https://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings}
  */
-interface JQueryAjaxSettings {
+interface JQueryBaseSettings<Context = any> {
     /**
      * The content type sent in the request header that tells the server what kind of response it will accept in return. If the accepts setting needs modification, it is recommended to do so once in the $.ajaxSetup() method.
      */
@@ -29,7 +30,7 @@ interface JQueryAjaxSettings {
     /**
      * A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object before it is sent. Use this to set custom headers, etc. The jqXHR and settings objects are passed as arguments. This is an Ajax Event. Returning false in the beforeSend function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless of the type of request.
      */
-    beforeSend?(jqXHR: JQueryXHR, settings: JQueryAjaxSettings): any;
+    beforeSend?(jqXHR: JQueryXHR<Context>, settings: JQueryAjaxSettings<Context>): any;
     /**
      * If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.
      */
@@ -37,7 +38,7 @@ interface JQueryAjaxSettings {
     /**
      * A function to be called when the request finishes (after success and error callbacks are executed). The function gets passed two arguments: The jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object and a string categorizing the status of the request ("success", "notmodified", "error", "timeout", "abort", or "parsererror"). As of jQuery 1.5, the complete setting can accept an array of functions. Each function will be called in turn. This is an Ajax Event.
      */
-    complete?(jqXHR: JQueryXHR, textStatus: string): any;
+    complete?(jqXHR: JQueryXHR<Context>, textStatus: string): any;
     /**
      * An object of string/regular-expression pairs that determine how jQuery will parse the response, given its content type. (version added: 1.5)
      */
@@ -48,10 +49,6 @@ interface JQueryAjaxSettings {
      * When sending data to the server, use this content type. Default is "application/x-www-form-urlencoded; charset=UTF-8", which is fine for most cases. If you explicitly pass in a content-type to $.ajax(), then it is always sent to the server (even if no data is sent). The W3C XMLHttpRequest specification dictates that the charset is always UTF-8; specifying another charset will not force the browser to change the encoding.
      */
     contentType?: any;
-    /**
-     * This object will be made the context of all Ajax-related callbacks. By default, the context is an object that represents the ajax settings used in the call ($.ajaxSettings merged with the settings passed to $.ajax).
-     */
-    context?: any;
     /**
      * An object containing dataType-to-dataType converters. Each converter's value is a function that returns the transformed value of the response. (version added: 1.5)
      */
@@ -75,7 +72,7 @@ interface JQueryAjaxSettings {
     /**
      * A function to be called if the request fails. The function receives three arguments: The jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, a string describing the type of error that occurred and an optional exception object, if one occurred. Possible values for the second argument (besides null) are "timeout", "error", "abort", and "parsererror". When an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, such as "Not Found" or "Internal Server Error." As of jQuery 1.5, the error setting can accept an array of functions. Each function will be called in turn. Note: This handler is not called for cross-domain script and cross-domain JSONP requests. This is an Ajax Event.
      */
-    error?(jqXHR: JQueryXHR, textStatus: string, errorThrown: string): any;
+    error?(jqXHR: JQueryXHR<Context>, textStatus: string, errorThrown: string): any;
     /**
      * Whether to trigger global Ajax event handlers for this request. The default is true. Set to false to prevent the global handlers like ajaxStart or ajaxStop from being triggered. This can be used to control various Ajax Events.
      */
@@ -127,7 +124,7 @@ interface JQueryAjaxSettings {
     /**
      * A function to be called if the request succeeds. The function gets passed three arguments: The data returned from the server, formatted according to the dataType parameter; a string describing the status; and the jqXHR (in jQuery 1.4.x, XMLHttpRequest) object. As of jQuery 1.5, the success setting can accept an array of functions. Each function will be called in turn. This is an Ajax Event.
      */
-    success?(data: any, textStatus: string, jqXHR: JQueryXHR): any;
+    success?(data: any, textStatus: string, jqXHR: JQueryXHR<Context>): any;
     /**
      * Set a timeout (in milliseconds) for the request. This will override any global timeout set with $.ajaxSetup(). The timeout period starts at the point the $.ajax call is made; if several other requests are in progress and the browser has no connections available, it is possible for a request to time out before it can be sent. In jQuery 1.4.x and below, the XMLHttpRequest object will be in an invalid state if the request times out; accessing any object members may throw an exception. In Firefox 3.0+ only, script and JSONP requests cannot be cancelled by a timeout; the script will run even if it arrives after the timeout period.
      */
@@ -158,11 +155,18 @@ interface JQueryAjaxSettings {
     xhrFields?: { [key: string]: any } | undefined;
 }
 
+interface JQueryAjaxSettings<Context = JQueryBaseSettings> extends JQueryBaseSettings<Context> {
+    /**
+     * This object will be made the context of all Ajax-related callbacks. By default, the context is an object that represents the ajax settings used in the call ($.ajaxSettings merged with the settings passed to $.ajax).
+     */
+    context?: Context;
+}
+
 /**
  * Interface for the jqXHR object
  * @see {@link https://api.jquery.com/jQuery.ajax/#jqXHR}
  */
-interface JQueryXHR extends XMLHttpRequest, JQueryPromise<any> {
+interface JQueryXHR<C = any> extends XMLHttpRequest, JQueryPromise<any, C> {
     /**
      * The .overrideMimeType() method may be used in the beforeSend() callback function, for example, to modify the response content-type header. As of jQuery 1.5.1, the jqXHR object also contains the overrideMimeType() method (it was available in jQuery 1.4.x, as well, but was temporarily removed in jQuery 1.5).
      */
@@ -177,9 +181,9 @@ interface JQueryXHR extends XMLHttpRequest, JQueryPromise<any> {
      * Incorporates the functionality of the .done() and .fail() methods, allowing (as of jQuery 1.8) the underlying Promise to be manipulated. Refer to deferred.then() for implementation details.
      */
     then<R>(
-        doneCallback: (data: any, textStatus: string, jqXHR: JQueryXHR) => R | JQueryPromise<R>,
-        failCallback?: (jqXHR: JQueryXHR, textStatus: string, errorThrown: any) => void,
-    ): JQueryPromise<R>;
+        doneCallback: (data: any, textStatus: string, jqXHR: JQueryXHR<C>) => R | JQueryPromise<R, C>,
+        failCallback?: (jqXHR: JQueryXHR<C>, textStatus: string, errorThrown: any) => void,
+    ): JQueryPromise<R, C>;
     /**
      * Property containing the parsed response if the response content type is json
      */
@@ -187,7 +191,7 @@ interface JQueryXHR extends XMLHttpRequest, JQueryPromise<any> {
     /**
      * A function to be called if the request fails.
      */
-    error(xhr: JQueryXHR, textStatus: string, errorThrown: string): void;
+    error(xhr: JQueryXHR<C>, textStatus: string, errorThrown: string): void;
 }
 
 /**
@@ -290,7 +294,7 @@ interface JQueryCallback {
 /**
  * Allows jQuery Promises to interop with non-jQuery promises
  */
-interface JQueryGenericPromise<T> {
+interface JQueryGenericPromise<T, C = any> {
     /**
      * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
      *
@@ -299,10 +303,10 @@ interface JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.then/#deferred-then-doneFilter-failFilter-progressFilter}
      */
     then<U>(
-        doneFilter: (value?: T, ...values: any[]) => U | JQueryPromise<U>,
+        doneFilter: (value?: T, ...values: any[]) => U | JQueryPromise<U, C>,
         failFilter?: (...reasons: any[]) => any,
         progressFilter?: (...progression: any[]) => any,
-    ): JQueryPromise<U>;
+    ): JQueryPromise<U, C>;
 
     /**
      * Add handlers to be called when the Deferred object is resolved, rejected, or still in progress.
@@ -315,28 +319,28 @@ interface JQueryGenericPromise<T> {
         doneFilter: (value?: T, ...values: any[]) => void,
         failFilter?: (...reasons: any[]) => any,
         progressFilter?: (...progression: any[]) => any,
-    ): JQueryPromise<void>;
+    ): JQueryPromise<void, C>;
 }
 
 /**
  * Interface for the JQuery promise/deferred callbacks
  */
-interface JQueryPromiseCallback<T> {
-    (value?: T, ...args: any[]): void;
+interface JQueryPromiseCallback<T, C = any> {
+    (this: C, value?: T, ...args: any[]): void;
 }
 
-interface JQueryPromiseOperator<T, U> {
+interface JQueryPromiseOperator<T, U, C = any> {
     (
-        callback1: JQueryPromiseCallback<T> | Array<JQueryPromiseCallback<T>>,
-        ...callbacksN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryPromise<U>;
+        callback1: JQueryPromiseCallback<T, C> | Array<JQueryPromiseCallback<T, C>>,
+        ...callbacksN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryPromise<U, C>;
 }
 
 /**
  * Interface for the JQuery promise, part of callbacks
  * @see {@link https://api.jquery.com/category/deferred-object/}
  */
-interface JQueryPromise<T> extends JQueryGenericPromise<T> {
+interface JQueryPromise<T, C = any> extends JQueryGenericPromise<T, C> {
     /**
      * Determine the current state of a Deferred object.
      * @see {@link https://api.jquery.com/deferred.state/}
@@ -350,9 +354,9 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.always/}
      */
     always(
-        alwaysCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
+        alwaysCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
         ...alwaysCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryPromise<T>;
+    ): JQueryPromise<T, C>;
     /**
      * Add handlers to be called when the Deferred object is resolved.
      *
@@ -361,9 +365,9 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.done/}
      */
     done(
-        doneCallback1?: JQueryPromiseCallback<T> | Array<JQueryPromiseCallback<T>>,
-        ...doneCallbackN: Array<JQueryPromiseCallback<T> | Array<JQueryPromiseCallback<T>>>
-    ): JQueryPromise<T>;
+        doneCallback1?: JQueryPromiseCallback<T, C> | Array<JQueryPromiseCallback<T, C>>,
+        ...doneCallbackN: Array<JQueryPromiseCallback<T, C> | Array<JQueryPromiseCallback<T, C>>>
+    ): JQueryPromise<T, C>;
     /**
      * Add handlers to be called when the Deferred object is rejected.
      *
@@ -372,9 +376,9 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.fail/}
      */
     fail(
-        failCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
-        ...failCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryPromise<T>;
+        failCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
+        ...failCallbackN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryPromise<T, C>;
     /**
      * Add handlers to be called when the Deferred object generates progress notifications.
      *
@@ -383,16 +387,16 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.progress/}
      */
     progress(
-        progressCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
-        ...progressCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryPromise<T>;
+        progressCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
+        ...progressCallbackN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryPromise<T, C>;
 
     // Deprecated - given no typings
     pipe(
         doneFilter?: (x: any) => any,
         failFilter?: (x: any) => any,
         progressFilter?: (x: any) => any,
-    ): JQueryPromise<any>;
+    ): JQueryPromise<any, C>;
 
     /**
      * Return a Deferred's Promise object.
@@ -400,14 +404,14 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
      * @param target Object onto which the promise methods have to be attached
      * @see {@link https://api.jquery.com/deferred.promise/}
      */
-    promise(target?: any): JQueryPromise<T>;
+    promise(target?: any): JQueryPromise<T, C>;
 }
 
 /**
  * Interface for the JQuery deferred, part of callbacks
  * @see {@link https://api.jquery.com/category/deferred-object/}
  */
-interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
+interface JQueryDeferred<T, C = any> extends JQueryGenericPromise<T, C> {
     /**
      * Determine the current state of a Deferred object.
      * @see {@link https://api.jquery.com/deferred.state/}
@@ -421,9 +425,9 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.always/}
      */
     always(
-        alwaysCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
-        ...alwaysCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryDeferred<T>;
+        alwaysCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
+        ...alwaysCallbackN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryDeferred<T, C>;
     /**
      * Add handlers to be called when the Deferred object is resolved.
      *
@@ -432,9 +436,9 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.done/}
      */
     done(
-        doneCallback1?: JQueryPromiseCallback<T> | Array<JQueryPromiseCallback<T>>,
-        ...doneCallbackN: Array<JQueryPromiseCallback<T> | Array<JQueryPromiseCallback<T>>>
-    ): JQueryDeferred<T>;
+        doneCallback1?: JQueryPromiseCallback<T, C> | Array<JQueryPromiseCallback<T, C>>,
+        ...doneCallbackN: Array<JQueryPromiseCallback<T, C> | Array<JQueryPromiseCallback<T, C>>>
+    ): JQueryDeferred<T, C>;
     /**
      * Add handlers to be called when the Deferred object is rejected.
      *
@@ -443,9 +447,9 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.fail/}
      */
     fail(
-        failCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
-        ...failCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryDeferred<T>;
+        failCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
+        ...failCallbackN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryDeferred<T, C>;
     /**
      * Add handlers to be called when the Deferred object generates progress notifications.
      *
@@ -454,9 +458,9 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @see {@link https://api.jquery.com/deferred.progress/}
      */
     progress(
-        progressCallback1?: JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>,
-        ...progressCallbackN: Array<JQueryPromiseCallback<any> | Array<JQueryPromiseCallback<any>>>
-    ): JQueryDeferred<T>;
+        progressCallback1?: JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>,
+        ...progressCallbackN: Array<JQueryPromiseCallback<any, C> | Array<JQueryPromiseCallback<any, C>>>
+    ): JQueryDeferred<T, C>;
 
     /**
      * Call the progressCallbacks on a Deferred object with the given args.
@@ -464,7 +468,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args Optional arguments that are passed to the progressCallbacks.
      * @see {@link https://api.jquery.com/deferred.notify/}
      */
-    notify(value?: any, ...args: any[]): JQueryDeferred<T>;
+    notify(value?: any, ...args: any[]): JQueryDeferred<T, C>;
 
     /**
      * Call the progressCallbacks on a Deferred object with the given context and args.
@@ -473,7 +477,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args Optional arguments that are passed to the progressCallbacks.
      * @see {@link https://api.jquery.com/deferred.notifyWith/}
      */
-    notifyWith(context: any, args?: any[]): JQueryDeferred<T>;
+    notifyWith<Context = any>(context: Context, args?: any[]): JQueryDeferred<T, Context>;
 
     /**
      * Reject a Deferred object and call any failCallbacks with the given args.
@@ -481,7 +485,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args Optional arguments that are passed to the failCallbacks.
      * @see {@link https://api.jquery.com/deferred.reject/}
      */
-    reject(value?: any, ...args: any[]): JQueryDeferred<T>;
+    reject(value?: any, ...args: any[]): JQueryDeferred<T, C>;
     /**
      * Reject a Deferred object and call any failCallbacks with the given context and args.
      *
@@ -489,7 +493,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args An optional array of arguments that are passed to the failCallbacks.
      * @see {@link https://api.jquery.com/deferred.rejectWith/}
      */
-    rejectWith(context: any, args?: any[]): JQueryDeferred<T>;
+    rejectWith<Context = any>(context: Context, args?: any[]): JQueryDeferred<T, Context>;
 
     /**
      * Resolve a Deferred object and call any doneCallbacks with the given args.
@@ -498,7 +502,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args Optional subsequent arguments that are passed to the doneCallbacks.
      * @see {@link https://api.jquery.com/deferred.resolve/}
      */
-    resolve(value?: T, ...args: any[]): JQueryDeferred<T>;
+    resolve(value?: T, ...args: any[]): JQueryDeferred<T, C>;
 
     /**
      * Resolve a Deferred object and call any doneCallbacks with the given context and args.
@@ -507,7 +511,7 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param args An optional array of arguments that are passed to the doneCallbacks.
      * @see {@link https://api.jquery.com/deferred.resolveWith/}
      */
-    resolveWith(context: any, args?: T[]): JQueryDeferred<T>;
+    resolveWith<Context = any>(context: Context, args?: T[]): JQueryDeferred<T, Context>;
 
     /**
      * Return a Deferred's Promise object.
@@ -515,14 +519,14 @@ interface JQueryDeferred<T> extends JQueryGenericPromise<T> {
      * @param target Object onto which the promise methods have to be attached
      * @see {@link https://api.jquery.com/deferred.promise/}
      */
-    promise(target?: any): JQueryPromise<T>;
+    promise(target?: any): JQueryPromise<T, C>;
 
     // Deprecated - given no typings
     pipe(
         doneFilter?: (x: any) => any,
         failFilter?: (x: any) => any,
         progressFilter?: (x: any) => any,
-    ): JQueryPromise<any>;
+    ): JQueryPromise<any, C>;
 }
 
 /**
@@ -829,7 +833,7 @@ interface JQueryStatic {
      * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can be set for any option with $.ajaxSetup().
      * @see {@link https://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings}
      */
-    ajax(settings: JQueryAjaxSettings): JQueryXHR;
+    ajax<C>(settings: JQueryAjaxSettings<C>): JQueryXHR<C>;
     /**
      * Perform an asynchronous HTTP (Ajax) request.
      *
@@ -837,7 +841,7 @@ interface JQueryStatic {
      * @param settings A set of key/value pairs that configure the Ajax request. All settings are optional. A default can be set for any option with $.ajaxSetup().
      * @see {@link https://api.jquery.com/jQuery.ajax/#jQuery-ajax-url-settings}
      */
-    ajax(url: string, settings?: JQueryAjaxSettings): JQueryXHR;
+    ajax<C>(url: string, settings?: JQueryAjaxSettings<C>): JQueryXHR<C>;
 
     /**
      * Handle custom Ajax options or modify existing options before each request is sent and before they are processed by $.ajax().
@@ -910,7 +914,7 @@ interface JQueryStatic {
      * @param settings The JQueryAjaxSettings to be used for the request
      * @see {@link https://api.jquery.com/jQuery.get/#jQuery-get-settings}
      */
-    get(settings: JQueryAjaxSettings): JQueryXHR;
+    get<C>(settings: JQueryAjaxSettings<C>): JQueryXHR<C>;
     /**
      * Load JSON-encoded data from the server using a GET HTTP request.
      *
@@ -978,7 +982,7 @@ interface JQueryStatic {
      * @param settings The JQueryAjaxSettings to be used for the request
      * @see {@link https://api.jquery.com/jQuery.post/#jQuery-post-settings}
      */
-    post(settings: JQueryAjaxSettings): JQueryXHR;
+    post<C>(settings: JQueryAjaxSettings<C>): JQueryXHR<C>;
     /**
      * A multi-purpose callbacks list object that provides a powerful way to manage callback lists.
      *
@@ -1154,7 +1158,7 @@ interface JQueryStatic {
      * @param newQueue An array of functions to replace the current queue contents.
      * @see {@link https://api.jquery.com/jQuery.queue/#jQuery-queue-element-queueName-newQueue}
      */
-    queue(element: Element, queueName: string, newQueue: Function[]): JQuery;
+    queue(element: Element, queueName: string, newQueue: BoundFunction[]): JQuery;
     /**
      * Manipulate the queue of functions to be executed on the matched element.
      *
@@ -1163,7 +1167,7 @@ interface JQueryStatic {
      * @param callback The new function to add to the queue.
      * @see {@link https://api.jquery.com/jQuery.queue/#jQuery-queue-element-queueName-callback}
      */
-    queue(element: Element, queueName: string, callback: Function): JQuery;
+    queue(element: Element, queueName: string, callback: BoundFunction): JQuery;
 
     /**
      * Remove a previously-stored piece of data.
@@ -1232,7 +1236,7 @@ interface JQueryStatic {
      * @param message The message to send out.
      * @see {@link https://api.jquery.com/jQuery.error/}
      */
-    error(message: any): JQuery;
+    error(message: any): any;
 
     expr: any;
     readonly fn: JQuery;
@@ -1261,7 +1265,7 @@ interface JQueryStatic {
      */
     each<T>(
         collection: T[],
-        callback: (indexInArray: number, valueOfElement: T) => boolean | void,
+        callback: (this: T, indexInArray: number, valueOfElement: T) => boolean | undefined,
     ): T[];
 
     /**
@@ -1275,6 +1279,7 @@ interface JQueryStatic {
     each<T extends Object>(
         collection: T,
         // TODO: `(keyInObject: keyof T, valueOfElement: T[keyof T])`, when TypeScript 2.1 allowed in repository
+        // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
         callback: (keyInObject: string, valueOfElement: any) => boolean | void,
     ): T;
 
@@ -1499,7 +1504,9 @@ interface JQuery {
      * @param handler The function to be invoked.
      * @see {@link https://api.jquery.com/ajaxComplete/}
      */
-    ajaxComplete(handler: (event: JQueryEventObject, XMLHttpRequest: XMLHttpRequest, ajaxOptions: any) => any): JQuery;
+    ajaxComplete(
+        handler: (this: HTMLElement, event: JQueryEventObject, XMLHttpRequest: XMLHttpRequest, ajaxOptions: any) => any,
+    ): JQuery;
     /**
      * Register a handler to be called when Ajax requests complete with an error. This is an Ajax Event.
      *
@@ -1508,6 +1515,7 @@ interface JQuery {
      */
     ajaxError(
         handler: (
+            this: HTMLElement,
             event: JQueryEventObject,
             jqXHR: JQueryXHR,
             ajaxSettings: JQueryAjaxSettings,
@@ -1520,21 +1528,28 @@ interface JQuery {
      * @param handler The function to be invoked.
      * @see {@link https://api.jquery.com/ajaxSend/}
      */
-    ajaxSend(handler: (event: JQueryEventObject, jqXHR: JQueryXHR, ajaxOptions: JQueryAjaxSettings) => any): JQuery;
+    ajaxSend(
+        handler: (
+            this: HTMLElement,
+            event: JQueryEventObject,
+            jqXHR: JQueryXHR,
+            ajaxOptions: JQueryAjaxSettings,
+        ) => any,
+    ): JQuery;
     /**
      * Register a handler to be called when the first Ajax request begins. This is an Ajax Event.
      *
      * @param handler The function to be invoked.
      * @see {@link https://api.jquery.com/ajaxStart/}
      */
-    ajaxStart(handler: () => any): JQuery;
+    ajaxStart(handler: (this: HTMLElement) => any): JQuery;
     /**
      * Register a handler to be called when all Ajax requests have completed. This is an Ajax Event.
      *
      * @param handler The function to be invoked.
      * @see {@link https://api.jquery.com/ajaxStop/}
      */
-    ajaxStop(handler: () => any): JQuery;
+    ajaxStop(handler: (this: HTMLElement) => any): JQuery;
     /**
      * Attach a function to be executed whenever an Ajax request completes successfully. This is an Ajax Event.
      *
@@ -1542,7 +1557,12 @@ interface JQuery {
      * @see {@link https://api.jquery.com/ajaxSuccess/}
      */
     ajaxSuccess(
-        handler: (event: JQueryEventObject, XMLHttpRequest: XMLHttpRequest, ajaxOptions: JQueryAjaxSettings) => any,
+        handler: (
+            this: HTMLElement,
+            event: JQueryEventObject,
+            XMLHttpRequest: XMLHttpRequest,
+            ajaxOptions: JQueryAjaxSettings,
+        ) => any,
     ): JQuery;
 
     /**
@@ -1613,7 +1633,7 @@ interface JQuery {
      * @param func A function returning the value to set. this is the current element. Receives the index position of the element in the set and the old attribute value as arguments.
      * @see {@link https://api.jquery.com/attr/#attr-attributeName-function}
      */
-    attr(attributeName: string, func: (index: number, attr: string) => string | number): JQuery;
+    attr(attributeName: string, func: (this: HTMLElement, index: number, attr: string) => string | number): JQuery;
     /**
      * Set one or more attributes for the set of matched elements.
      *
@@ -1754,7 +1774,7 @@ interface JQuery {
      * @param func A function returning the value to set. this is the current element. Receives the index position of the element in the set and the old value as arguments.
      * @see {@link https://api.jquery.com/val/#val-function}
      */
-    val(func: (index: number, value: string) => string): JQuery;
+    val(func: (this: HTMLElement, index: number, value: string) => string): JQuery;
 
     /**
      * Get the value of style properties for the first element in the set of matched elements.
@@ -2028,7 +2048,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/animate/#animate-properties-duration-easing-complete}
      */
-    animate(properties: Object, duration?: string | number, complete?: Function): JQuery;
+    animate(properties: Object, duration?: string | number, complete?: BoundFunction): JQuery;
     /**
      * Perform a custom animation of a set of CSS properties.
      *
@@ -2038,7 +2058,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/animate/#animate-properties-duration-easing-complete}
      */
-    animate(properties: Object, duration?: string | number, easing?: string, complete?: Function): JQuery;
+    animate(properties: Object, duration?: string | number, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Perform a custom animation of a set of CSS properties.
      *
@@ -2064,7 +2084,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeIn/#fadeIn-duration-complete}
      */
-    fadeIn(duration?: number | string, complete?: Function): JQuery;
+    fadeIn(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements by fading them to opaque.
      *
@@ -2073,7 +2093,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeIn/#fadeIn-duration-easing-complete}
      */
-    fadeIn(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    fadeIn(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements by fading them to opaque.
      *
@@ -2089,7 +2109,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeOut/#fadeOut-duration-complete}
      */
-    fadeOut(duration?: number | string, complete?: Function): JQuery;
+    fadeOut(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements by fading them to transparent.
      *
@@ -2098,7 +2118,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeOut/#fadeOut-duration-easing-complete}
      */
-    fadeOut(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    fadeOut(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements by fading them to transparent.
      *
@@ -2115,7 +2135,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeTo/#fadeTo-duration-opacity-complete}
      */
-    fadeTo(duration: string | number, opacity: number, complete?: Function): JQuery;
+    fadeTo(duration: string | number, opacity: number, complete?: BoundFunction): JQuery;
     /**
      * Adjust the opacity of the matched elements.
      *
@@ -2125,7 +2145,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeTo/#fadeTo-duration-opacity-easing-complete}
      */
-    fadeTo(duration: string | number, opacity: number, easing?: string, complete?: Function): JQuery;
+    fadeTo(duration: string | number, opacity: number, easing?: string, complete?: BoundFunction): JQuery;
 
     /**
      * Display or hide the matched elements by animating their opacity.
@@ -2134,7 +2154,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeToggle/#fadeToggle-duration-easing-complete}
      */
-    fadeToggle(duration?: number | string, complete?: Function): JQuery;
+    fadeToggle(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements by animating their opacity.
      *
@@ -2143,7 +2163,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/fadeToggle/#fadeToggle-duration-easing-complete}
      */
-    fadeToggle(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    fadeToggle(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements by animating their opacity.
      *
@@ -2167,7 +2187,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/hide/#hide}
      */
-    hide(duration?: number | string, complete?: Function): JQuery;
+    hide(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements.
      *
@@ -2176,7 +2196,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/hide/#hide-duration-easing-complete}
      */
-    hide(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    hide(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements.
      *
@@ -2192,7 +2212,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/show/#show}
      */
-    show(duration?: number | string, complete?: Function): JQuery;
+    show(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements.
      *
@@ -2201,7 +2221,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/show/#show-duration-easing-complete}
      */
-    show(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    show(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements.
      *
@@ -2217,7 +2237,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideDown/#slideDown-duration-complete}
      */
-    slideDown(duration?: number | string, complete?: Function): JQuery;
+    slideDown(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements with a sliding motion.
      *
@@ -2226,7 +2246,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideDown/#slideDown-duration-easing-complete}
      */
-    slideDown(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    slideDown(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display the matched elements with a sliding motion.
      *
@@ -2242,7 +2262,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideToggle/#slideToggle-duration-complete}
      */
-    slideToggle(duration?: number | string, complete?: Function): JQuery;
+    slideToggle(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements with a sliding motion.
      *
@@ -2251,7 +2271,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideToggle/#slideToggle-duration-easing-complete}
      */
-    slideToggle(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    slideToggle(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements with a sliding motion.
      *
@@ -2267,7 +2287,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideUp/#slideUp-duration-complete}
      */
-    slideUp(duration?: number | string, complete?: Function): JQuery;
+    slideUp(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements with a sliding motion.
      *
@@ -2276,7 +2296,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/slideUp/#slideUp-duration-easing-complete}
      */
-    slideUp(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    slideUp(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Hide the matched elements with a sliding motion.
      *
@@ -2310,7 +2330,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/toggle/#toggle-duration-complete}
      */
-    toggle(duration?: number | string, complete?: Function): JQuery;
+    toggle(duration?: number | string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements.
      *
@@ -2319,7 +2339,7 @@ interface JQuery {
      * @param complete A function to call once the animation is complete.
      * @see {@link https://api.jquery.com/toggle/#toggle-duration-easing-complete}
      */
-    toggle(duration?: number | string, easing?: string, complete?: Function): JQuery;
+    toggle(duration?: number | string, easing?: string, complete?: BoundFunction): JQuery;
     /**
      * Display or hide the matched elements.
      *
@@ -2343,7 +2363,11 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/bind/#bind-eventType-eventData-handler}
      */
-    bind(eventType: string, eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    bind(
+        eventType: string,
+        eventData: any,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+    ): JQuery;
     /**
      * Attach a handler to an event for the elements.
      *
@@ -2351,7 +2375,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/bind/#bind-eventType-eventData-handler}
      */
-    bind(eventType: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    bind(eventType: string, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Attach a handler to an event for the elements.
      *
@@ -2388,7 +2412,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/blur/#blur-handler}
      */
-    blur(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    blur(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "blur" JavaScript event
      *
@@ -2396,7 +2420,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/blur/#blur-eventData-handler}
      */
-    blur(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    blur(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "change" event on an element.
@@ -2409,7 +2433,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/change/#change-handler}
      */
-    change(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    change(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "change" JavaScript event
      *
@@ -2417,7 +2441,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/change/#change-eventData-handler}
      */
-    change(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    change(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "click" event on an element.
@@ -2430,7 +2454,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/click/#click-handler}
      */
-    click(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    click(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "click" JavaScript event
      *
@@ -2438,7 +2462,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/click/#click-eventData-handler}
      */
-    click(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    click(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "contextmenu" event on an element.
@@ -2451,7 +2475,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/contextmenu/#contextmenu-handler}
      */
-    contextmenu(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    contextmenu(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "contextmenu" JavaScript event.
      *
@@ -2459,7 +2483,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/contextmenu/#contextmenu-eventData-handler}
      */
-    contextmenu(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    contextmenu(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "dblclick" event on an element.
@@ -2472,7 +2496,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/dblclick/#dblclick-handler}
      */
-    dblclick(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    dblclick(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "dblclick" JavaScript event
      *
@@ -2480,13 +2504,17 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/dblclick/#dblclick-eventData-handler}
      */
-    dblclick(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    dblclick(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
      * @see {@link https://api.jquery.com/delegate/#delegate-selector-eventType-handler}
      */
-    delegate(selector: any, eventType: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    delegate(
+        selector: any,
+        eventType: string,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+    ): JQuery;
     /**
      * Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
      * @see {@link https://api.jquery.com/delegate/#delegate-selector-eventType-eventData-handler}
@@ -2495,7 +2523,7 @@ interface JQuery {
         selector: any,
         eventType: string,
         eventData: any,
-        handler: (eventObject: JQueryEventObject) => any,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject) => any,
     ): JQuery;
 
     /**
@@ -2509,7 +2537,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focus/#focus-handler}
      */
-    focus(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    focus(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "focus" JavaScript event
      *
@@ -2517,7 +2545,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focus/#focus-eventData-handler}
      */
-    focus(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    focus(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "focusin" event on an element.
@@ -2530,7 +2558,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focusin/#focusin-handler}
      */
-    focusin(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    focusin(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "focusin" JavaScript event
      *
@@ -2538,7 +2566,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focusin/#focusin-eventData-handler}
      */
-    focusin(eventData: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    focusin(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "focusout" event on an element.
@@ -2551,7 +2579,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focusout/#focusout-handler}
      */
-    focusout(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    focusout(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "focusout" JavaScript event
      *
@@ -2559,7 +2587,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/focusout/#focusout-eventData-handler}
      */
-    focusout(eventData: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    focusout(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.
@@ -2569,8 +2597,8 @@ interface JQuery {
      * @see {@link https://api.jquery.com/hover/#hover-handlerIn-handlerOut}
      */
     hover(
-        handlerIn: (eventObject: JQueryEventObject) => any,
-        handlerOut: (eventObject: JQueryEventObject) => any,
+        handlerIn: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+        handlerOut: (this: HTMLElement, eventObject: JQueryEventObject) => any,
     ): JQuery;
     /**
      * Bind a single handler to the matched elements, to be executed when the mouse pointer enters or leaves the elements.
@@ -2578,7 +2606,7 @@ interface JQuery {
      * @param handlerInOut A function to execute when the mouse pointer enters or leaves the element.
      * @see {@link https://api.jquery.com/hover/#hover-handlerInOut}
      */
-    hover(handlerInOut: (eventObject: JQueryEventObject) => any): JQuery;
+    hover(handlerInOut: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "keydown" event on an element.
@@ -2591,7 +2619,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keydown/#keydown-handler}
      */
-    keydown(handler: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keydown(handler: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "keydown" JavaScript event
      *
@@ -2599,7 +2627,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keydown/#keydown-eventData-handler}
      */
-    keydown(eventData?: any, handler?: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keydown(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
 
     /**
      * Trigger the "keypress" event on an element.
@@ -2612,7 +2640,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keypress/#keypress-handler}
      */
-    keypress(handler: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keypress(handler: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "keypress" JavaScript event
      *
@@ -2620,7 +2648,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keypress/#keypress-eventData-handler}
      */
-    keypress(eventData?: any, handler?: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keypress(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
 
     /**
      * Trigger the "keyup" event on an element.
@@ -2633,7 +2661,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keyup/#keyup-handler}
      */
-    keyup(handler: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keyup(handler: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "keyup" JavaScript event
      *
@@ -2641,7 +2669,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/keyup/#keyup-eventData-handler}
      */
-    keyup(eventData?: any, handler?: (eventObject: JQueryKeyEventObject) => any): JQuery;
+    keyup(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryKeyEventObject) => any): JQuery;
 
     /**
      * Bind an event handler to the "load" JavaScript event.
@@ -2649,7 +2677,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/load/}
      */
-    load(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    load(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "load" JavaScript event.
      *
@@ -2657,7 +2685,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/load/}
      */
-    load(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    load(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "mousedown" event on an element.
@@ -2670,7 +2698,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mousedown/#mousedown-handler}
      */
-    mousedown(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mousedown(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "mousedown" JavaScript event.
      *
@@ -2678,7 +2706,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mousedown/#mousedown-eventData-handler}
      */
-    mousedown(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mousedown(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mouseenter" event on an element.
@@ -2691,7 +2719,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseenter/#mouseenter-handler}
      */
-    mouseenter(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseenter(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to be fired when the mouse enters an element.
      *
@@ -2699,7 +2727,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseenter/#mouseenter-eventData-handler}
      */
-    mouseenter(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseenter(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mouseleave" event on an element.
@@ -2712,7 +2740,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseleave/#mouseleave-handler}
      */
-    mouseleave(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseleave(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to be fired when the mouse leaves an element.
      *
@@ -2720,7 +2748,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseleave/#mouseleave-eventData-handler}
      */
-    mouseleave(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseleave(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mousemove" event on an element.
@@ -2733,7 +2761,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mousemove/#mousemove-handler}
      */
-    mousemove(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mousemove(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "mousemove" JavaScript event.
      *
@@ -2741,7 +2769,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mousemove/#mousemove-eventData-handler}
      */
-    mousemove(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mousemove(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mouseout" event on an element.
@@ -2754,7 +2782,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseout/#mouseout-handler}
      */
-    mouseout(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseout(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "mouseout" JavaScript event.
      *
@@ -2762,7 +2790,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseout/#mouseout-eventData-handler}
      */
-    mouseout(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseout(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mouseover" event on an element.
@@ -2775,7 +2803,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseover/#mouseover-handler}
      */
-    mouseover(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseover(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "mouseover" JavaScript event.
      *
@@ -2783,7 +2811,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseover/#mouseover-eventData-handler}
      */
-    mouseover(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseover(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Trigger the "mouseup" event on an element.
@@ -2796,7 +2824,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseup/#mouseup-handler}
      */
-    mouseup(handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseup(handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "mouseup" JavaScript event.
      *
@@ -2804,7 +2832,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/mouseup/#mouseup-eventData-handler}
      */
-    mouseup(eventData: Object, handler: (eventObject: JQueryMouseEventObject) => any): JQuery;
+    mouseup(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryMouseEventObject) => any): JQuery;
 
     /**
      * Remove an event handler.
@@ -2819,7 +2847,11 @@ interface JQuery {
      * @param handler A handler function previously attached for the event(s), or the special value false.
      * @see {@link https://api.jquery.com/off/#off-events-selector-handler}
      */
-    off(events: string, selector?: string, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    off(
+        events: string,
+        selector?: string,
+        handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+    ): JQuery;
     /**
      * Remove an event handler.
      *
@@ -2827,7 +2859,7 @@ interface JQuery {
      * @param handler A handler function previously attached for the event(s), or the special value false. Takes handler with extra args that can be attached with on().
      * @see {@link https://api.jquery.com/off/#off-events-selector-handler}
      */
-    off(events: string, handler: (eventObject: JQueryEventObject, ...args: any[]) => any): JQuery;
+    off(events: string, handler: (this: HTMLElement, eventObject: JQueryEventObject, ...args: any[]) => any): JQuery;
     /**
      * Remove an event handler.
      *
@@ -2835,7 +2867,7 @@ interface JQuery {
      * @param handler A handler function previously attached for the event(s), or the special value false.
      * @see {@link https://api.jquery.com/off/#off-events-selector-handler}
      */
-    off(events: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    off(events: string, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Remove an event handler.
      *
@@ -2852,7 +2884,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false. Rest parameter args is for optional parameters passed to jQuery.trigger(). Note that the actual parameters on the event handler function must be marked as optional (? syntax).
      * @see {@link https://api.jquery.com/on/#on-events-selector-data-handler}
      */
-    on(events: string, handler: (eventObject: JQueryEventObject, ...args: any[]) => any): JQuery;
+    on(events: string, handler: (this: HTMLElement, eventObject: JQueryEventObject, ...args: any[]) => any): JQuery;
     /**
      * Attach an event handler function for one or more events to the selected elements.
      *
@@ -2861,7 +2893,11 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.
      * @see {@link https://api.jquery.com/on/#on-events-selector-data-handler}
      */
-    on(events: string, selector: string, handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any): JQuery;
+    on(
+        events: string,
+        selector: string,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject, ...eventData: any[]) => any,
+    ): JQuery;
     /**
      * Attach an event handler function for one or more events to the selected elements.
      *
@@ -2870,7 +2906,11 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.
      * @see {@link https://api.jquery.com/on/#on-events-selector-data-handler}
      */
-    on(events: string, data: any, handler: (eventObject: JQueryEventObject, ...args: any[]) => any): JQuery;
+    on(
+        events: string,
+        data: any,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject, ...args: any[]) => any,
+    ): JQuery;
     /**
      * Attach an event handler function for one or more events to the selected elements.
      *
@@ -2884,7 +2924,7 @@ interface JQuery {
         events: string,
         selector: string,
         data: any,
-        handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject, ...eventData: any[]) => any,
     ): JQuery;
     /**
      * Attach an event handler function for one or more events to the selected elements.
@@ -2895,7 +2935,7 @@ interface JQuery {
      * @see {@link https://api.jquery.com/on/#on-events-selector-data}
      */
     on(
-        events: { [key: string]: (eventObject: JQueryEventObject, ...args: any[]) => any },
+        events: { [key: string]: (this: HTMLElement, eventObject: JQueryEventObject, ...args: any[]) => any },
         selector?: string,
         data?: any,
     ): JQuery;
@@ -2906,7 +2946,10 @@ interface JQuery {
      * @param data Data to be passed to the handler in event.data when an event occurs.
      * @see {@link https://api.jquery.com/on/#on-events-selector-data}
      */
-    on(events: { [key: string]: (eventObject: JQueryEventObject, ...args: any[]) => any }, data?: any): JQuery;
+    on(
+        events: { [key: string]: (this: HTMLElement, eventObject: JQueryEventObject, ...args: any[]) => any },
+        data?: any,
+    ): JQuery;
 
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
@@ -2915,7 +2958,7 @@ interface JQuery {
      * @param handler A function to execute at the time the event is triggered.
      * @see {@link https://api.jquery.com/one/#one-events-data-handler}
      */
-    one(events: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    one(events: string, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
      *
@@ -2924,7 +2967,7 @@ interface JQuery {
      * @param handler A function to execute at the time the event is triggered.
      * @see {@link https://api.jquery.com/one/#one-events-data-handler}
      */
-    one(events: string, data: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    one(events: string, data: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
@@ -2934,7 +2977,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.
      * @see {@link https://api.jquery.com/one/#one-events-selector-data-handler}
      */
-    one(events: string, selector: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    one(events: string, selector: string, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
      *
@@ -2944,7 +2987,12 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.
      * @see {@link https://api.jquery.com/one/#one-events-selector-data-handler}
      */
-    one(events: string, selector: string, data: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    one(
+        events: string,
+        selector: string,
+        data: any,
+        handler: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+    ): JQuery;
 
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
@@ -2984,7 +3032,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/resize/#resize-handler}
      */
-    resize(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    resize(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "resize" JavaScript event.
      *
@@ -2992,7 +3040,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/resize/#resize-eventData-handler}
      */
-    resize(eventData: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    resize(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "scroll" event on an element.
@@ -3005,7 +3053,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/scroll/#scroll-handler}
      */
-    scroll(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    scroll(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "scroll" JavaScript event.
      *
@@ -3013,7 +3061,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/scroll/#scroll-eventData-handler}
      */
-    scroll(eventData: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    scroll(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "select" event on an element.
@@ -3026,7 +3074,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/select/#select-handler}
      */
-    select(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    select(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "select" JavaScript event.
      *
@@ -3034,7 +3082,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/select/#select-eventData-handler}
      */
-    select(eventData: Object, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    select(eventData: Object, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Trigger the "submit" event on an element.
@@ -3047,7 +3095,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/submit/#submit-handler}
      */
-    submit(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    submit(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "submit" JavaScript event
      *
@@ -3055,7 +3103,7 @@ interface JQuery {
      * @param handler A function to execute each time the event is triggered.
      * @see {@link https://api.jquery.com/submit/#submit-eventData-handler}
      */
-    submit(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    submit(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Execute all handlers and behaviors attached to the matched elements for the given event type.
@@ -3099,7 +3147,7 @@ interface JQuery {
      * @param handler The function that is to be no longer executed.
      * @see {@link https://api.jquery.com/unbind/#unbind-eventType-handler}
      */
-    unbind(eventType?: string, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    unbind(eventType?: string, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Remove a previously-attached event handler from the elements.
      *
@@ -3129,7 +3177,11 @@ interface JQuery {
      * @param handler A function to execute at the time the event is triggered.
      * @see {@link https://api.jquery.com/undelegate/#undelegate-selector-eventType}
      */
-    undelegate(selector: string, eventType: string, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    undelegate(
+        selector: string,
+        eventType: string,
+        handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any,
+    ): JQuery;
     /**
      * Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements.
      *
@@ -3152,7 +3204,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/unload/#unload-handler}
      */
-    unload(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    unload(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "unload" JavaScript event. (DEPRECATED from v1.8)
      *
@@ -3160,7 +3212,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/unload/#unload-eventData-handler}
      */
-    unload(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
+    unload(eventData?: any, handler?: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * The DOM node context originally passed to jQuery(); if none was passed then context will likely be the document. (DEPRECATED from v1.10)
@@ -3176,7 +3228,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/error/#error-handler}
      */
-    error(handler: (eventObject: JQueryEventObject) => any): JQuery;
+    error(handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
     /**
      * Bind an event handler to the "error" JavaScript event. (DEPRECATED from v1.8)
      *
@@ -3184,7 +3236,7 @@ interface JQuery {
      * @param handler A function to execute when the event is triggered.
      * @see {@link https://api.jquery.com/error/#error-eventData-handler}
      */
-    error(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
+    error(eventData: any, handler: (this: HTMLElement, eventObject: JQueryEventObject) => any): JQuery;
 
     /**
      * Add a collection of DOM elements onto the jQuery stack.
@@ -3217,7 +3269,7 @@ interface JQuery {
      * @param func A function that returns an HTML string, DOM element(s), or jQuery object to insert after each element in the set of matched elements. Receives the index position of the element in the set as an argument. Within the function, this refers to the current element in the set.
      * @see {@link https://api.jquery.com/after/#after-function}
      */
-    after(func: (index: number, html: string) => string | Element | JQuery): JQuery;
+    after(func: (this: HTMLElement, index: number, html: string) => string | Element | JQuery): JQuery;
 
     /**
      * Insert content, specified by the parameter, to the end of each element in the set of matched elements.
@@ -3351,7 +3403,7 @@ interface JQuery {
      * @param func A function that returns content with which to replace the set of matched elements.
      * @see {@link https://api.jquery.com/replaceWith/#replaceWith-function}
      */
-    replaceWith(func: () => Element | JQuery): JQuery;
+    replaceWith(func: (this: HTMLElement) => Element | JQuery): JQuery;
 
     /**
      * Get the combined text contents of each element in the set of matched elements, including their descendants.
@@ -3399,7 +3451,7 @@ interface JQuery {
      * @param func A callback function returning the HTML content or jQuery object to wrap around the matched elements. Receives the index position of the element in the set as an argument. Within the function, this refers to the current element in the set.
      * @see {@link https://api.jquery.com/wrap/#wrap-function}
      */
-    wrap(func: (index: number) => string | JQuery): JQuery;
+    wrap(func: (this: HTMLElement, index: number) => string | JQuery): JQuery;
 
     /**
      * Wrap an HTML structure around all elements in the set of matched elements.
@@ -3414,7 +3466,7 @@ interface JQuery {
      * @param func A callback function returning the HTML content or jQuery object to wrap around all the matched elements. Within the function, this refers to the first element in the set.
      * @see {@link https://api.jquery.com/wrapAll/#wrapAll-function}
      */
-    wrapAll(func: (index: number) => string): JQuery;
+    wrapAll(func: (this: HTMLElement, index: number) => string): JQuery;
 
     /**
      * Wrap an HTML structure around the content of each element in the set of matched elements.
@@ -3429,7 +3481,7 @@ interface JQuery {
      * @param func A callback function which generates a structure to wrap around the content of the matched elements. Receives the index position of the element in the set as an argument. Within the function, this refers to the current element in the set.
      * @see {@link https://api.jquery.com/wrapInner/#wrapInner-function}
      */
-    wrapInner(func: (index: number) => string): JQuery;
+    wrapInner(func: (this: HTMLElement, index: number) => string): JQuery;
 
     /**
      * Iterate over a jQuery object, executing a function for each matched element.
@@ -3437,7 +3489,7 @@ interface JQuery {
      * @param func A function to execute for each matched element. Can stop the loop by returning false.
      * @see {@link https://api.jquery.com/each/}
      */
-    each(func: (index: number, elem: Element) => boolean | void): JQuery;
+    each(func: (this: HTMLElement, index: number, elem: Element) => boolean | undefined): JQuery;
 
     /**
      * Retrieve one of the elements matched by the jQuery object.
@@ -3589,7 +3641,7 @@ interface JQuery {
      * @param func A function used as a test for each element in the set. this is the current DOM element.
      * @see {@link https://api.jquery.com/filter/#filter-function}
      */
-    filter(func: (index: number, element: Element) => boolean): JQuery;
+    filter(func: (this: HTMLElement, index: number, element: Element) => boolean): JQuery;
     /**
      * Reduce the set of matched elements to those that match the selector or pass the function's test.
      *
@@ -3648,7 +3700,7 @@ interface JQuery {
      * @param func A function used as a test for the set of elements. It accepts one argument, index, which is the element's index in the jQuery collection.Within the function, this refers to the current DOM element.
      * @see {@link https://api.jquery.com/is/#is-function}
      */
-    is(func: (index: number, element: Element) => boolean): boolean;
+    is(func: (this: HTMLElement, index: number, element: Element) => boolean): boolean;
     /**
      * Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.
      *
@@ -3676,7 +3728,7 @@ interface JQuery {
      * @param callback A function object that will be invoked for each element in the current set.
      * @see {@link https://api.jquery.com/map/}
      */
-    map(callback: (index: number, domElement: Element) => any): JQuery;
+    map(callback: (this: HTMLElement, index: number, domElement: Element) => any): JQuery;
 
     /**
      * Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.
@@ -3866,14 +3918,14 @@ interface JQuery {
      * @param newQueue An array of functions to replace the current queue contents.
      * @see {@link https://api.jquery.com/queue/#queue-queueName-newQueue}
      */
-    queue(newQueue: Function[]): JQuery;
+    queue(newQueue: BoundFunction[]): JQuery;
     /**
      * Manipulate the queue of functions to be executed, once for each matched element.
      *
      * @param callback The new function to add to the queue, with a function to call that will dequeue the next item.
      * @see {@link https://api.jquery.com/queue/#queue-queueName-callback}
      */
-    queue(callback: Function): JQuery;
+    queue(callback: BoundFunction): JQuery;
     /**
      * Manipulate the queue of functions to be executed, once for each matched element.
      *
@@ -3881,7 +3933,7 @@ interface JQuery {
      * @param newQueue An array of functions to replace the current queue contents.
      * @see {@link https://api.jquery.com/queue/#queue-queueName-newQueue}
      */
-    queue(queueName: string, newQueue: Function[]): JQuery;
+    queue(queueName: string, newQueue: BoundFunction[]): JQuery;
     /**
      * Manipulate the queue of functions to be executed, once for each matched element.
      *
@@ -3889,7 +3941,7 @@ interface JQuery {
      * @param callback The new function to add to the queue, with a function to call that will dequeue the next item.
      * @see {@link https://api.jquery.com/queue/#queue-queueName-callback}
      */
-    queue(queueName: string, callback: Function): JQuery;
+    queue(queueName: string, callback: BoundFunction): JQuery;
 
     /**
      * Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.
@@ -3897,7 +3949,7 @@ interface JQuery {
      * @param object An object to merge onto the jQuery prototype.
      * @see {@link https://api.jquery.com/jQuery.fn.extend/#jQuery-fn-extend-object}
      */
-    extend(object: { [method: string]: (...args: any[]) => any }): JQuery;
+    extend(object: { [method: string]: (this: JQuery, ...args: any[]) => any }): JQuery;
 }
 // eslint-disable-next-line @definitelytyped/no-declare-current-package
 declare module "jquery" {