.removeClass()【クラス削除】

<style>
.bgcolor1 { background-color:lightyellow; }
.bgcolor2 { background-color:lightgray; }
.bgcolor3 { background-color:lightgreen; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
</style>

<div id="id1">
  <ul>
  <li class="bgcolor1">bgcolor1
  <li class="bgcolor2">bgcolor2
  <li class="bgcolor3">bgcolor3
  <li class="bgcolor1 bold">bgcolor1 bold
  <li class="bgcolor2 bold">bgcolor2 bold
  <li class="bgcolor3 bold">bgcolor3 bold
  <li class="bgcolor1 bold italic">bgcolor1 bold italic
  <li class="bgcolor2 bold italic">bgcolor2 bold italic
  <li class="bgcolor3 bold italic" id="id9">bgcolor3 bold italic
  </ul>
</div>

<script>
$( "#id1 .bgcolor1" ).removeClass("bgcolor1").append(" (削除：bgcolor1)");
$( "#id9" ).removeClass("bold italic").append(" (削除：bold italic)");
$( "#id1 li" ).removeClass( function(index, currentClassName) {
  var className;
  switch (index % 2) {
  case 0:
    className = "bold";
    break;
  case 1:
    className = "italic";
    break;
  }
  $( this ).append(" [" + index + ":" + currentClassName + " 削除：" + className + "]");
  return className;
});
</script>