JSFiddle - React, Tailwind, and code Playground

HTML

<div id="desc">
  안녕하세요<br>
  반갑습니다.
</div>

<div class="wrap_btn">
  <button id="btnColor">글자색 적용</button>
  <button id="btnBG">배경색 적용</button>
  <button id="btnBorder">테두리색 적용</button>
  <button id="btnAll">전체적용</button>
  <button id="btnDEL">CSS 제거</button>
</div>

JavaScript

// css가 적용될 대상을 변수($descEl)에 할당
var $descEl = $('#desc');

// 이벤트 설정 - 글자색 적용
$('.wrap_btn #btnColor').on('click', function(){
  $descEl.css('color', 'red');
});
// 이벤트 설정 - 배경색 적용
$('.wrap_btn #btnBG').on('click', function(){
  $descEl.css('background', '#000');
});
// 이벤트 설정 - 테두리색 적용
$('.wrap_btn #btnBorder').on('click', function(){
  $descEl.css('border', '1px solid blue');
});
// 이벤트 설정 - 전체 적용
$('.wrap_btn #btnAll').on('click', function(){
  $descEl.css({
  'color': 'red',
  'background': '#000',
  'border': '1px solid blue'
  });
});
// 이벤트 설정 - CSS 제거
$('.wrap_btn #btnDEL').on('click', function(){
  $descEl.attr('style', '');
});