为什么不在浏览器上获得JQuery效果呢

Why not getting JQuery effects on browser?

本文关键字：JQuery 浏览器 为什么不      更新时间：2023-09-26

我是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时使用它。在jQuery中有一个标准的事件处理程序：

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

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

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

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

像这样编辑

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

相关文章：