如何应用使用jQuery动态加载的内联和/或外部CSS

给定样式表的路径(或一些将生成有效CSS的URL):

var myStylesLocation = "myStyles.css";

......其中一个应该有效:

使用AJAX加载

$.get(myStylesLocation, function(css)
{
   $('')
      .html(css)
      .appendTo("head");
});   

使用动态创建的加载

$('')
   .appendTo("head");

使用动态创建的') .html('@import url("' + myStylesLocation + '")') .appendTo("head");

要么

$('')
    .appendTo("head");

---

如果StackOverflow有一个包含所有浏览器和版本的小弹出测试矩阵,我们可以标记哪些组合适用于每个答案,那将会很酷.有点像这个http://matrix.cpantesters.org/?dist=WWW-Mechanize+1.72

2> user406905..：

---

接受的答案将不适用于IE 7(以及IE 8中的错误).以下将适用于IE以及FF和chrome/safari:

var url = 'urlOfStyleSheet.css'
if(document.createStyleSheet) {
    try { document.createStyleSheet(url); } catch (e) { }
}
else {
    var css;
    css         = document.createElement('link');
    css.rel     = 'stylesheet';
    css.type    = 'text/css';
    css.media   = "all";
    css.href    = url;
    document.getElementsByTagName("head")[0].appendChild(css);
}