How to prevent adding CSS 'class' properties

I am using Ruby on Rails 3.0.9, jQuery 1.6.2 and jQuery UI. I am trying to implement nested tabs by following the official documentation.

When I state the following (that is the "normal"\"common" way as stated in the documentation source code)

<div id="tabs">
  <ul>
    <li>...</li>
  </ul>
</div>

<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
</script>

and then I go to display the HTML code generated, jQuery UI automatically add the following CSS class properties to the <div id="tabs">:

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
  ...
</div>

Is it possible to prevent adding some of those CSS clas开发者_如何学JAVAses? If so, how to do that?

---

You can always $("#tabs").removeClass("whatever") if you want, but you'll likely lose certain functionality if you do. The real question is why do you want to do this?

---

If you don't want the CSS effects that the tabs are giving, just remove the styles from the CSS document.

---

I would override the styles on the pages where you don't want the effect. For example if ui-corner-all has a property of float:left in the jquery UI style sheet and that style is interfering with your page. It would be best to have a class by the same name on the page you're working on to override the style. It would be less expensive than modifying the dom to remove classes.