2012-09-10 20 views
-1

我是JQuery的新手,我正在尝试一些简单的代码,但没有得到所需的浏览器。这里是我的代码:为什么不在浏览器上获取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观察结果。提前致谢。

+1

有一个问题,我们可以把所有这些问题?我们收到了很多错误的DOM准备问题...... –

+0

@JosephSilber是的,[jQuery文档](http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready)。但有些初学者由于某种原因不关心阅读基础知识。 – sachleen

+0

好吧,我知道当你已经过去那些日子的时候很难感觉自己像一个初学者,但是对于你的信息,我不是那些想做谷歌工作并开始使用JQery Magic的人,我正在阅读一个名为“JQuery:新手忍者”的PDF,我想学习所有的基础知识,但不知何故错过了我不应该的点,但我仍然不是错误的人。谢谢。 –

回答

4

您尝试在未构建时使用dom。在jQuery的存在应该是一个标准的事件处理程序:

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

更新时间:另外,作为这里提到你应该使用red代替#red,因为#用于颜色的十六进制代码。

+2

也#'红色'应该只是'红色'... – yannis

+0

我更新了代码,但仍然没有显示红色,还有什么可以做的吗? –

+0

@Jobskuk你有jQuery在'../../ Scripts/jquery-1.5.1-vsdoc.js'吗? – sachleen

2

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

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

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

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> 

+0

谢谢..现在问题已解决。谢谢你的时间。 –

相关问题