Fatal编程技术网
  • jquery/
  • 使用jQuery解析CSS文件

使用jQuery解析CSS文件

jquery

使用jQuery解析CSS文件,jquery,Jquery,我想使用jQuery从我的页面获取所有css文件引用。有什么建议我可以构造一个查询来获取它们吗 例如，stackoverflow的头部部分如下所示： <head> <title>Ask a Question - Stack Overflow</title> <link rel="stylesheet" href="/content/all.css?v=3647"> <link rel="shortcu

我想使用jQuery从我的页面获取所有css文件引用。有什么建议我可以构造一个查询来获取它们吗

例如，stackoverflow的头部部分如下所示：

<head>

    <title>Ask a Question - Stack Overflow</title>        
    <link rel="stylesheet" href="/content/all.css?v=3647">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-itouch-icon" href="/apple-touch-icon.png">
    <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
    <script type="text/javascript" src="/content/js/master.js?v=3567"></script>
    <script type="text/javascript">var imagePath = '/content/img/so/';</script>

</head>
从这里开始，我想使用jquery只提取单个css类或多个css类（如果存在的话）来使用它们。

要选择链接元素并选择您可以使用的链接，请执行以下操作：

$("link[rel=stylesheet]").attr("href")
但我不确定您是否可以在那里查找并拉出css类。

要选择链接元素并选择您可以使用的链接，请执行以下操作：

$("link[rel=stylesheet]").attr("href")

$.each($("link[rel='stylesheet']").attr("href"), function() {
    var href = this;
    $.get(href, function(css_data) {
        // do something with css_data
    });
});
但我不确定您是否可以在那个里查找并拉出css类

$.each($("link[rel='stylesheet']").attr("href"), function() {
    var href = this;
    $.get(href, function(css_data) {
        // do something with css_data
    });
});
不过，您可能需要担心“样式表”上的大写字母。此外，从css_数据中提取类信息可能是不寻常的——它可以归结为文本处理，除非有一个插件来处理我不知道的这类事情

不过，您可能需要担心“样式表”上的大写字母。此外，从css_数据中提取类信息可能是不寻常的——这将归结为文本处理，除非有一个插件来处理我不知道的这类事情。

谢谢——这正是我需要的。它不喜欢我在“样式表”属性上的帽子。谢谢-这正是我需要的。它不喜欢我在“样式表”属性上的帽子。