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

【问题标题】：applying clear-fix or micro clear-fix with just jquery仅使用 jquery 应用 clear-fix 或 micro clear-fix
【发布时间】：2012-10-01 05:29:08
【问题描述】：

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

两种方法：清除修复

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

.clearfix {
display: inline-block;
}

和微清除修复

.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 来定义这些样式表。如果你能想到一个聪明的方法来做这件事当然不必那样，我知道这是一个奇怪的要求，但这是一个工作限制，提前感谢你的帮助。

【问题讨论】：

【解决方案1】：

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

例如：

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

【讨论】：

我试过了，由于某种原因，内容管理系统将样式变成了 div 并破坏了它，所以这就是为什么我一直在做这样的事情 var small_h = { "font-size": "10.4px ", "margin-left": "7px" }; $(".small_h").css(small_h);
@loriensleafs 这真的很奇怪。你有没有试过把它附加到身体上？
我认为不是 append 不起作用，而是单词 style 更改为 div。有什么方法可以使用我一直使用的方法或其他方法添加它？

【解决方案2】：

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

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

然后，应用类：

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

【讨论】：

我试过了，由于某种原因，内容管理系统将样式变成了 div 并破坏了它，所以这就是为什么我一直在做这样的事情 var small_h = { "font-size": "10.4px ", "margin-left": "7px" }; $(".small_h").css(small_h);
“内容管理系统将样式转换为 div 并破坏它” >> 这意味着您的 CMS 正在修改 jQuery 本身或浏览器级别的 DOM 方法。此 jQuery 代码仅调用 DOM 方法来添加 <style> 块。
那么有没有办法使用我一直使用的方法将 clearfix 与 jquery 一起应用？因为它一直在工作。
不使用 CSS 修复，而是使用元素修复：$(".small_h").css(small_h).after('<br style="clear:both;"/>');