jquery - 如何通过JQuery下载CSS文件

Question

• 是否可以通过 JQuery 下载 CSS 文件？
• 此外，我需要一个回调来通知我文件已下载。如果该文件存在于客户端计算机中，则不会下载该文件。

请帮助提供示例代码。谢谢。

Answer 1

(function($) {
    $.get('/css/foobar/tooltips.css', function(data) {
        var style = document.createElement('style'),
            head  = document.getElementsByTagName('head')[0] || document.documentElemen;

        style.type = "text/css";
        style.textContent = style.text = data;

        head.appendChild(style, head.firstChild); 
    });
}(jQuery));

上面的代码将下载tooltips.css的内容。传输文件时，将创建一个新的 link 节点，并插入 tooltips.css 中的内容。之后，新节点将附加到您的文档中，并且所有 css 规则都将适用。

如果您需要/想要动态传输许多文件，我会推荐像 supplyJS 这样的脚本