1

我今天在向 HTML5 DOM 对象添加类时遇到问题。对不起，如果这是一个新手问题。:P 例如：

<!DOCTYPE html>
<html>
    <head>
        <title>stackoverflow example</title>
        <style>
        .centercontent {
            width:100%;
            max-width:1080px;
            margin:0 auto;
        }
        </style>
    </head>
    <body>
        <header>
            <!-- All direct children of BODY should be centered on the page; however, children should not be added to .centercontent -->
            <h1>Site Name</h1>
        </header>
        <section>
            <p>Hello World</p>
        </section>
        <footer>
            &copy; no one 2012
        </footer>
    </body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.j"></script>
    <script>
        $("body > *").addClass("centercontent");
    </script>
</html>

我相信是我的JS；但是，我以前从未使用过 addClass。非常感谢大家的时间。：） 祝你有美好的一天！

4

2 回答 2

3

简单地写

body > * {
    width:100%;
    max-width:1080px;
    margin:0 auto;
}

作为 head 部分中的直接 CSS 规则：查看您的示例 jQuery 似乎对于此任务并不是真正必要的。

此选择器在 CSS 块中也有效，并且工作正常（不适用于 IE<=6）。

于 2012-07-25T15:03:22.313 回答
1

您没有$(document).ready(function() {...});在 jquery 中使用 a 。尝试这个：

$(document).ready(function() {
    $("body > *").addClass("centercontent");
});

此外，您在脚本参考的末尾缺少一个 s

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.j"></script>     // original
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>    // fixed
于 2012-07-25T15:03:20.813 回答