La relación entre jquery y la función de flecha

Es muy sencillo escribir un evento de clic de botón con jquery. También es muy simple seleccionar el botón que se hace clic. Puede seleccionarlo directamente por $ (esto).

// html 
<button class = "btn"> Haga clic aquí </ button> 
// js 
// Función ordinaria 
$ ('. btn'). click (function () { 
	alert ('Quiero desaparecer') 
	$ ( this) .hide (); 
	console.log ($ (this)); // Se selecciona el elemento jquery seleccionado actualmente, que es btn 
})

¿Cómo se puede usar la función de flecha para seleccionar el botón en el que se hace clic actualmente?

$ ('. btn'). haga clic en ((e) => { 
	console.log (this); // Window {parent: Window, opener: null, top: Window, length: 0, frames: Window, ...} 
        console .log ($ (this)); // init [Ventana] 
})

¡Esto no es posible!

Vamos a referirnos a vue.

Primero, el evento click de vue está vinculado en html con el atributo @click = "clickfun ()", y
el parámetro $ event se puede agregar a la función clicada.

<Botón @Haga clic = "clickfun ($ evento)"> Haga clic en </ el botón> 
			
Métodos: { 
	clickfun (E) { 
	// e.target hace clic en el elemento actual 
	// e.currentTarget es un elemento que se unen evento 
        } 
},

Enlace de referencia: https://blog.csdn.net/webfront/java/article/details/80310763

Entonces

// Función de flecha 
$ ('. Btn'). Haga clic en ((e) => { 
	console.log (e.target); // Se selecciona el elemento dom seleccionado actualmente, que es btn 
	console.log ($ (e .target)); // Se selecciona el elemento jquery seleccionado actualmente, que es btn 
	console.log (e.currentTarget); // Se selecciona el elemento dom seleccionado actualmente, que es btn 
	console.log ($ (e.currentTarget )); // Se selecciona el elemento jquery seleccionado actualmente, que es btn 
})

Una solución tan perfecta, generalmente usa e.target.