My first jquery -- Tabs

My first jquery -- Tabs

Newbee question.
I'm converting old javascript to use JQuery. I know their are plugins for this but I'm learning by doing.

First Instead of going through the loop, is their something like this?
$("div.tabs").className = "tabs";

Second: How do I write this using addClass
document.getElementById("tab"+(id)).className = 'tabs current';


Markup
  1. <div id="tab1" class="tabs current">
  2.     <a onclick="return switch_tabs('1');" href="#">Description</a>
  3. </div>
  4. <div id="tab2" class="tabs">
  5.     <a onclick="return switch_tabs('2');" href="#">Reviews</a>
  6. </div>
  7. <br class="clear">
  8. <div id="tab_content">
  9.     <div id="tab_content1" style="display: block" class="product-description">
  10.         &mvt:product:descrip;
  11.     </div>
  12.     <div id="tab_content2" style="display: none" class="product-reviews">
  13.         &mvt:product:name;
  14.         <br><br><br>
  15.     </div>
  16. </div>

Working Javascript.
  1. function switch_tabs(id) {
  2.     var count = $("div.tabs").length;
  3.     for (i=1; i <= count; i++) {
  4.         document.getElementById("tab"+(i)).className = "tabs";
  5.         document.getElementById("tab_content"+(i)).style.display = "none";
  6.     }
  7.     document.getElementById("tab"+(id)).className = 'tabs current';
  8.     document.getElementById("tab_content"+(id)).style.display = 'block';
  9.     return false;
  10. }