-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');
});

更新:また、ここで述べたように、は色の 16 進コードに使用されるため、redの代わりに使用する必要があります。#red#

于 2012-09-10T03:18:09.623 に答える
2

dom Ready コールバックでコードをラップする必要があります。

$(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 に答える