JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<p>
  <a href="javscript:void(0);" onclick="$(this).addClass('selected');">Home</a> - link using $(this)
</p>
<p>
  <a href="javscript:void(0);" onclick="$('#output').addClass('selected').html('This Rocks').css('color','#ff0000');" id="home">Home</a> - link using $('#output')
</p>
<p>
  <div id="output">
  Some content
  </div>
</p>
<p>
  <a href="javscript:void(0);" onclick="alert($('#output').css('background-color'));" id="home">Get Color</a>
</p>

CSS

#output{
  background-color:#ffcc00;
}
.selected{
  background-color:#000 !important;
  padding:5px;
  color:#fff;
}