Jquery将css添加到头部

我异步添加一些脚本和样式表到我正在构建的项目，并希望将样式表全部组合在HEAD中。

            $(document).ready(function() { // some code });    

我目前正在使用

 $("head").append(""); 

哪个工作正常，但它将它添加到我的HEAD部分的底部，如示例中所示。

我的OCD想要在我的第一个样式链接之前或在最后一个样式链接之后添加它。

谢谢你的期待。

Answer 1

这将把新link放在head元素中的最后一个link之后。

 $("head link[rel='stylesheet']").last().after(""); 

但是，如果您还没有link ，则不会添加新link 。 因此，您应该先检查一下：

 var $head = $("head"); var $headlinklast = $head.find("link[rel='stylesheet']:last"); var linkElement = ""; if ($headlinklast.length){ $headlinklast.after(linkElement); } else { $head.append(linkElement); } 

---

我的OCD想要在我的第一个样式链接之前或在最后一个样式链接之后添加它。

您应该确定link确切位置。 有可能不同的位置可能会覆盖现有的样式。

Answer 2

您可以使用：

.prepend（）

http://api.jquery.com/prepend/