-1

我是 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来观察结果。提前致谢。

4

3 回答 3

4

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

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

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

于 2012-09-10T03:18:09.623 回答
2

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

$(function() {
  $('p').css('color','red');
});
于 2012-09-10T03:18:43.530 回答
0

像这样编辑

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

于 2012-09-10T04:26:51.993 回答