Question

我正在尝试在加载jQuery库之后运行一个非常简单的jQuery脚本。我已经使用了多个路径来尝试解决这个问题，但是据我所知，库加载得很好; jQuery脚本运行，但在此过程中打破了我的[简单]网页。

以下是我的网页的简化版本，不包括任何不相关的标记：

<!DOCTYPE html>
<html>
<head>  
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>  
</head>
<body>

    <script>
        $("body").text("jQuery works");
    </script>
</body>
</html>

当我运行它时，文本“jQuery works”显示成功，但同时整个页面分成重复的条带：

在剧本之前：

感谢快速回复的人，再次，为初学者的错误道歉。像往常一样，StackOverflow社区已经表现出非常快速的行动并且非常有帮助。谢谢你们。

Answer 1

您正在使用“jQuery works”替换正文内容，该单词正在重复的背景上显示。

我建议你阅读.text()实际做的事情。 http://api.jquery.com/text/

Answer 2

这行代码：

$("body").text("jQuery works");

应改为

$("body").append("jQuery works");

这只是将文本写入正文而不是替换整个内容。

它只是条带运行的原因是因为高度下降到几个像素高，这导致背景图像重复

Answer 3

如上面评论中的粉碎注释，您将替换整个$（'body'）内容，而不是附加到它们或以某种方式发出警告。

Answer 4

text()方法将删除正文的所有内容并将其替换为该文本。如果没有看到你的标记，我猜这不是你打算做的。

JQuery - 非常简单的脚本运行但打破了页面

4 个答案: