Title

<h1 class="title" style="border-radius:10px;">Title</h1> 
    
.title {
  font-size: 30px;
  color: #48934E;
  width: 200px;
  text-align: center;
  border: 1px solid #ccc;
}

@media only screen and (min-width:651px) {
  .title {
    text-decoration: underline;
  }
}
    

Reset をクリックすると、Add BGColor をクリックして追加された background やインラインで指定されている border-radius、Slide Toggle をクリックして追加された display: none が初期化されます。

CSS に設定してあるスタイルは変更されません(インラインで指定されているスタイルは初期化されます)。

<script>
jQuery(function($){
  $("#add").click(function() {
    $(".title").css("background", "yellow");
  })
  $("#reset").click(function() {
     $(".title").removeAttr('style');
  })
  $("#toggle").click(function() {
     $(".title").slideToggle(100);
  })  
});
</script>