【问题讨论】：
JQgrid 的JQuery 并且我想更改当我们按下网格的+ 按钮时出现的添加表单的样式/css。
标签： javascript jquery css jquery-ui jqgrid
您可以找到here 和here 使用jqGrid 来添加/编辑表单的所有CSS 样式。如果您检查这些行并检查任何 jqGrid 表单的 HTML 片段，您会看到 jqGrid 使用的所有类。
我不明白你在“导入另一个css”下的意思。只有当你在某个地方有其他 CSS 样式具有相同的类名和相同的元素层次结构（dives、tables、tr 等元素）时，“导入”才会起作用。所以jqGrid使用的表单样式是可以改变的，但是样式的调整就不那么容易了。您必须准确检查 jqGrid 对话框（表单）的结构才能进行更改。
更新： jqGrid 使用 jQuery UI 样式。因此，您只需将 jQuery UI 更改为另一个，jqGrid 就会使用它。
例如the demo（对the answer的旧演示的简单修改）产生以下编辑表单：
【讨论】：
CaptionTD 或.ui-jqdialog-content .CaptionTD 定义CSS 样式，您将更改表单标签的视图，通过DataTD 或.ui-jqdialog-content .DataTD 您可以更改数据字段的视图。您可能不需要定义新的 CSS 类。
navGrid 的add: false 选项并添加您的 custom 按钮（可能看起来像“添加”按钮）。你只需要navButtonAdd 就可以做到这一点。在onClickButton 内部，您可以实现您需要的任何自定义对话框。有关更多信息，请参阅来自 the answer 的参考资料。
在您的情况下，我建议您将id 添加到<body> 标记并更改它而不是更改文件。您可以通过在每个文件中的 CSS 选择器之前添加 .bodyClass1 来操作它。
示例
style1.css
.bodyClass1 .C1{ ... }
.bodyClass1 .C2{ ... }
style2.css
.bodyClass2 .C1{ ... }
.bodyClass2 .C2{ ... }
因此，当您的HTML 使用style1.css 并且您想将其更改为style2.css 时，您只需使用：
$('body').removeClass('bodyClass1');
$('body').addClass('bodyClass2');
【讨论】：
试试$('#myItemID').css( propertyName , value )
【讨论】：
您不能在不影响整个页面的情况下更改样式表。
我能想到的唯一方法是使用 iframe，但它会有点笨重。
您可以将一个类添加到父 div，然后将 css 文件更改为类似
.sheet1 .c1 {
border: 1px solid #000
}
在第一张和
.sheet2 .c1 {
border: 3px solid #f00;
}
在第二个。那么您的标记将是：
<div class="sheet1"> <!-- parent div -->
<div class="c1">Hello!</div>
</div>
将父div中的sheet1类改成sheet2，子div就会改变。
【讨论】：
您不能将不同的样式表应用于页面的不同部分。
您最好在 css 文件中包含两个类，例如 C1 和 C2，然后通过使用以下 id 来更改相关 div 的类：
<div id="mydiv" class="c1"> </div>
$('#mydiv').addClass('c2');
$('#mydiv').removeClass('c1');
【讨论】：