É muito simples escrever um evento de clique no botão com jquery. Também é muito simples selecionar o botão clicado. Você pode selecioná-lo diretamente com $ (this)
// html
<button class = "btn"> Clique aqui </ button>
// js
// Função comum
$ ('. btn'). click (function () {
alert ('quero desaparecer')
$ ( this) .hide ();
console.log ($ (this)); // O elemento jquery atualmente selecionado é selecionado, que é btn
})
Como a função de seta pode ser usada para selecionar o botão clicado no momento?
$ ('. btn'). click ((e) => {
console.log (this); // Window {pai: Window, abridor: null, top: Window, comprimento: 0, frames: Window,…}
console .log ($ (this)); // init [Window]
})
Isso não é possível!
Vamos nos referir ao vue.
Primeiro, o evento click do vue é vinculado em html com o atributo @click = "clickfun ()"
. Adicione o parâmetro $ event à função clicada
<button @click = "clickfun ($ event)">
Métodos </ button> : {
clickfun (e) {
// e.target é o elemento no qual você está clicando no momento
// e.currentTarget é o elemento que você está vinculando ao evento
}
}
Link de referência: https://blog.csdn.net/webfront/java/article/details/80310763
Então:
// Seta a função
$ ('. Btn'). Click ((e) => {
console.log (e.target); // O elemento dom atualmente selecionado é selecionado, que é btn
console.log ($ (e .target)); // O elemento jquery atualmente selecionado é selecionado, que é btn
console.log (e.currentTarget); // O elemento dom atualmente selecionado é selecionado, que é btn
console.log ($ (e.currentTarget )); // O elemento jquery atualmente selecionado está selecionado, que é btn
})
Uma solução tão perfeita, geralmente usa o e.target.