如何防止添加CSS'class'属性

Question

我正在使用Ruby on Rails 3.0.9，jQuery 1.6.2和jQuery UI。我正在尝试按照official documentation实现嵌套标签。

当我说明以下内容时（即文档源代码中所述的“正常”\“常用”方式）

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

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

然后我去显示生成的HTML代码，jQuery UI自动将以下CSS class属性添加到<div id="tabs">：

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

是否可以阻止添加其中一些CSS classes？如果是这样，怎么做？

Answer 1

如果您愿意，可以随时$("#tabs").removeClass("whatever")，但如果您这样做，您可能会失去某些功能。真正的问题是你为什么要这样做？

Answer 2

如果您不想要标签提供的CSS效果，只需从CSS文档中删除样式即可。

Answer 3

我会覆盖你不想要效果的页面上的样式。例如，如果ui-corner-all在jquery UI样式表中具有float:left的属性，并且该样式正在干扰您的页面。最好在您正在处理的页面上使用相同名称的类来覆盖样式。它比修改dom以删除类要便宜。