JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<p><b>BACKGROUND</b></p>
<div class="bg"><a data-class="transBg">Transparent</a><a data-class="darkBg">Dark</a><a data-class="lightBg">Light</a></div>
<div class="eaStaff">
TEST
</div>

CSS

.eaStaff { width:200px; height:200px; background:red; text-align:center; line-height:200px; color:#fff; }
.transBg { background-color:trasparent; }
.darkBg { background-color:#111; }
.lightBg { background-color:#eee; }
.bg { margin:10px 0; }
.bg a { display:inlin-block; margin:2px; background:green; padding:5px; color:#fff; }

JavaScript

//BG COLOUR
	$('.bg a').click(function (e) {
		e.preventDefault();
		console.log('dd', $(this).data('class'))
    $('.eaStaff').removeClass('transBG darkBg lightBg');
		$('.eaStaff').addClass($(this).data('class'));
	});