一尘不染

在jQuery中创建CSS类

css

我相信jQuery中的.addClass()函数会将CSS类附加到当前选择中,但是我想知道是否可以在jQuery中创建或定义CSS类,然后附加它?


阅读 535

收藏
2020-05-16

共1个答案

一尘不染

实际上,您可以创建一个CSS规则,该规则将影响当前页面上的所有元素。在大多数浏览器中,它应该很简单:

var style = $('<style>body { background: green; }</style>')
$('html > head').append(style);

这可能在IE中起作用,也可能不起作用,但是您可以改用IE的专有addRule:

document.styleSheets[0].addRule('body', 'background: green', -1);

自然,这不会帮助您创建可以在网页之间共享的css文件,但这是一种方便的方法,可以影响大量元素的样式,而无需对其进行迭代。

2020-05-16