为什么不在浏览器上获得 JQuery 效果？ [关闭]答案

【问题标题】：Why not getting JQuery effects on browser? [closed]为什么不在浏览器上获得 JQuery 效果？ [关闭]
【发布时间】：2012-09-11 14:46:20
【问题描述】：

我是 JQuery 的新手，我正在尝试一些简单的代码，但没有在浏览器上得到想要的输出。这是我的代码：

<head>
<title>Product</title>
<script type="text/javascript" src="../../Scripts/jquery-1.5.1-vsdoc.js"></script>
</head>

<body>

<script type="text/javascript">
$('p').css('color','#red');
</script>

<p> 
This is for test, supposed to show in red!!
</p>
</body>

我做错了什么？我用firefox来观察结果。提前致谢。

【问题讨论】：

是否有一个问题可以让我们指出所有这些问题？我们收到了很多缺少 DOM 的问题...
@JosephSilber 是的，jQuery docs。但有些初学者出于某种原因不喜欢阅读基础知识。
好的，伙计们，我知道当你已经过去那些日子时，很难感觉自己是一个初学者，但是对于你的好消息，我不是想要做一些谷歌工作并开始使用的人JQery Magic，我正在阅读名为“JQuery：Ninja 新手”的 PDF，我想学习所有基础知识，但不知何故错过了我不应该的要点，但我仍然不是错误的人。谢谢。

标签： javascript jquery html css dom

【解决方案1】：

当 dom 未构建时，您尝试使用它。在 jQuery 中有一个标准的事件处理程序：

$(document).ready(function () {
  $('p').css('color', 'red');
});

更新：此外，正如这里提到的，您应该使用red 而不是#red，因为# 用于颜色的十六进制代码。

【讨论】：

另外#red 应该只是red...
我更新了代码，但仍然没有显示为红色，还有什么要做的吗？
@Jobskuk 你在../../Scripts/jquery-1.5.1-vsdoc.js有jQuery吗？
感谢 Yannis，现在可以正常工作了。
我已经解决了，谢谢大家的帮助。

【解决方案2】：

您需要将代码包装在 dom 就绪回调中。

$(function() {
  $('p').css('color','red');
});

【讨论】：

感谢您花时间帮助我...

【解决方案3】：

像这样编辑

<head>
    <title>Product</title>
    <script type="text/javascript" src="../../Scripts/jquery-1.5.1-vsdoc.js"></script>
</head>

<script type="text/javascript">
    $(document.ready(function(){
            $('p').css("color","red");
    })
</script>

<p> 
    This is for test, supposed to show in red!!
</p>

【讨论】：

谢谢..问题现在解决了。感谢您的宝贵时间。