我如何添加结构样式到jQuery插件

Question

我只是写了一个对表进行操作的jQuery插件（如网格插件）。

该插件添加了一些样式，如overflow:hidden; 到表格和表格的单元格和边框（为了保持一致的边框宽度，我添加了： .MyTable {border-width:0 0 1px 1px;}和.MyTable > tr > td {border-width:1px 1px 0 0 } 。

现在，我想知道如何以及在何处放置此CSS样式。
我可以将它们放在外部CSS文件中，但是然后我强迫用户将.css文件添加到她的页面。 为了使所有用户（甚至是新用户）都可以访问该插件，这可能是一个障碍。 用户可能会忘记添加css文件甚至更改其内容以实现某些目的，这会使插件无法正常工作。
另外，我想让用户能够更改某些内容（例如边框的宽度）。 如果我将CSS放在外部文件中，则用户可以自己更改她想要的任何内容。

另一个选择是，我也可以直接在jquery elem上分配样式（使用elem.css（...）命令）。 这样用户不必为了正常工作而处理css文件，而为了允许样式（如边框）​​的更改而无需处理其他文件，我可以在插件中添加一个选项。 但是，通过这种方式，我创建了效率低下的代码，并在行为和设计之间进行了合并。

还有其他可能将样式添加到jquery插件吗？
最好的方法是什么？

我说的不是要确定颜色或字体的样式，而是要对我制作的结构必不可少的样式！

Answer 1

您可以在页面中动态添加<style>元素。 像这样的东西： http : //jsfiddle.net/vpPpT/

$('<style>body { background-color: red; color: white; }</style>').appendTo('head');

上面的示例只是您即时创建DOM元素的众多方式之一 。

另外，有人尝试做类似的事情（尽管出于所有错误的原因）：

• jQuery动态创建样式元素