jquery - 仅使用 jquery 应用 clear-fix 或 micro clear-fix

Question

所以我想要做的是使用 jquery 应用 clear-fix 或 micro clear-fix。原因是我无法访问 CSS，所以我一直在使用 jquery 来制作我所有的类和其他与 css 相关的需求。这真的是我无法做到的一件事，所以我需要一些帮助。

两种方法：clearfix

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

和微clearfix

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

使用伪技术，我不知道如何用 jquery 应用它。我一直在做

var small_h = {
    "font-size":    "10.4px",
    "margin-left":  "7px"  
};

$(".small_h").css(small_h);

传统上为我的 css，但因为我无法访问样式表，所以我只需要使用 Jquery 来定义这些样式表。如果您能想到一个聪明的方法来做到这一点，当然不必那样，我知道奇怪的要求，但这是一个工作限制，提前感谢您的帮助。

score 0 · Accepted Answer

您可以将样式块直接附加到头部。

例如：

$('head').append('<style type="text/css"> .c{ color:red; } .c:after{ content:\' :)\'; } </style>');

score 0 · Accepted Answer

要将 CSS 注入页面，请使用：

var css = '.clearfix:after ......... ';
$('<style type="text/css">' + css + '</style>').appendTo('head');

然后，应用类：

$(".small_h").css(small_h).addClass('cf');

2 回答 2