JQuery-运行非常简单的脚本,但会中断页面

JQuery-运行非常简单的脚本,但会中断页面,jquery,Jquery,在加载jQuery库之后,我尝试运行一个非常简单的jQuery脚本。为了解决这个问题,我使用了指向库的多条路径,但从我所能看出,库的加载情况很好;jQuery脚本运行,但在此过程中破坏了我的[simple]网页 以下是我的网页的简化版本,不包括任何不相关的标记: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></

在加载jQuery库之后,我尝试运行一个非常简单的jQuery脚本。为了解决这个问题,我使用了指向库的多条路径,但从我所能看出,库的加载情况很好;jQuery脚本运行,但在此过程中破坏了我的[simple]网页

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

<!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>

$(“body”).text(“jQuery工作”);
当我运行此操作时,文本“jQuery works”成功显示,但同时整个页面分成重复的条带:

在脚本之前:


感谢大家的快速反应,再次为初学者的错误道歉。与往常一样,StackOverflow社区表现出了非常快速的行动和非常有用的功能。谢谢大家

将正文内容替换为“jQuery工作”,并在重复的背景上显示


我建议你仔细阅读
.text()
的实际功能

将正文内容替换为“jQuery工作”,并在重复的背景上显示

我建议你仔细阅读
.text()
的实际功能

使用
text()
方法将删除正文的所有内容,并将其替换为该文本。如果没有看到您的标记,我想这不是您想要做的。

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

这行代码:

$("body").text("jQuery works");
应改为

$("body").append("jQuery works");
这将只是将文本写入正文,而不是替换整个内容

它作为条带运行的原因是因为高度下降到只有几个像素高,这会导致背景图像重复这行代码:

$("body").text("jQuery works");
应改为

$("body").append("jQuery works");
这将只是将文本写入正文,而不是替换整个内容


它作为条带运行的原因是因为高度下降到只有几个像素高,这会导致背景图像作为上面注释中的crush notes重复,您正在替换整个$('body')内容,而不是附加到它们或以某种方式发出警报。

作为上面注释中的crush notes,您正在替换整个$('body')内容,而不是附加到它们或以某种方式发出警报。

您正在将
body
元素中的所有DOM替换为文本节点“jQuery works”。不清楚您想对文本做什么,但是如果您只是想附加它,您可以编写
$(“body”).append(“jQuery工作”)让我编辑-在这个例子中,为了可读性,我删除了其余的元素。看起来不错。该重复条带是您网站的背景,您将所有正文内容替换为“jQuery works”,这感觉就像是站在一条腿上,用另一条腿踢它……您将
正文
元素中的所有DOM替换为文本节点“jQuery works”。不清楚您想对文本做什么,但是如果您只是想附加它,您可以编写
$(“body”).append(“jQuery工作”)让我编辑-在这个例子中,为了可读性,我删除了其余的元素。看起来不错。那个重复的条带是你网站的背景,你用“jQuery工作”替换了所有的身体内容。这感觉就像是站在一条腿上,用另一条腿踢它……啊,我明白了。谢谢(对JQuery完全陌生)啊,我明白了。谢谢(JQuery新手)谢谢!我想这将是一个简单的解决办法。不幸的是,我才刚刚开始jQuery。新手错误!我感谢你的快速回答!非常感谢。我想这将是一个简单的解决办法。不幸的是,我才刚刚开始jQuery。新手错误!我感谢你的快速回答!美好的谢谢,一个初学者的错误很容易修复。必须第一次使用jQuery来安装支持移动的功能。再次感谢,很好!谢谢,一个初学者的错误很容易修复。必须第一次使用jQuery来安装支持移动的功能。再次感谢。