JSFiddle - React, Tailwind, and code Playground
HTML
<button type="button" id="a">button</button>
<button type="button" id="b">button</button>
<button type="button" id="c">button</button>
<button type="button" id="d">button</button>
JavaScript
$('#a').click(function(){
$(this).css('color','red');
});
$('#b').click(function(){
console.log(this);//выведет в консоль button с id=b
//в функции b контекст (this) не будет указывать на button
//можно в этом убедиться взглянув в консоль
b();
});
function b(){
console.log('Function b',this);
$(this).css('color','red');
}
$('#c').click(function(){
b.call(this);//вызываю функцию b и подменяю её контекст
});
$('#d').click(b);//функция b сразу будет вызвана с нужным контекстом
// https://learn.javascript.ru/call-apply