如何覆盖特定的jquery类？

Question

例如，在我的代码中，我想覆盖 .ui-widget-header （对于图像）和 .ui-dialog （设置最大宽度）

但这会影响我的网格。所以我需要以编程方式设置ui的东西

.ui-dialog
{
width: 650px !important;
}

#tabs .ui-widget-header 
{
background-image: url('images/menu_bg_right.png');
background-repeat: no-repeat;
/*-- begin IE 7 --7% to left, 30% to 100%;55px to 50px*/
background-position: left 100%;
height: 50px;
/*-- end IE 7 --*/
background-color: Transparent;
border: none;
width: 610px;
float: left;
}

网格图片（实际）：

网格图片（预期）：

由于

Answer 1

$("#sometable th").removeClass(".ui-widget-header");

这将终止所选元素上的所有UI样式。

$("#sometable .ui-widget-header").css("background-image", "none");

这会删除背景图片样式。

但是你可能只想编写更具体的CSS选择器，甚至使用！important修饰符：

body #header #my_table th.ui-widget-header {
  background-image: none !important;
}

然后重复您要删除的其他样式 - 宽度，高度等。不清楚您实际想要更改的内容。