如何通过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

这样的脚本

Answer 2

在css中添加更多选择器并在DOM中应用更改将更加简单。

本地文件访问受浏览器限制。这可能会导致代码的复杂性。