1

私はjqueryが初めてなので、w3schools.comからJQueryを学んでいます。以下のコードはw3schからのものです

     <!DOCTYPE html>
<html>

    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("button").click(function () {
                    $("#div1").height("200px");
                });
            });
        </script>
    </head>

    <body>
        <div id="div1" style="background:yellow;height:100px;width:100px">HELLO</div>
        <div style="background:yellow;height:100px;width:100px">W3SCHOOLS</div>
        <button>Click me</button>
    </body>

some_name.htm として保存しました。ブラウザで開くと、次のようになります。

ここに画像の説明を入力

しかし、Click meをクリックしてもサイズは変わりません。

コードとフローに従って、高さを増やす必要があります

誰もこれを機能させる方法を知っていますか??

4

3 に答える 3

3

ワークスペースに jquery.js がないためです。それをダウンロードし、それを含めながら正しいパスを指定する必要があります-

ダウンロードしたくない場合は、代わりにこれを使用してください -

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

また

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

動作しているコードを実行してみました。

于 2012-07-16T10:30:24.200 に答える
3

問題は、シクロトロイの木馬が指摘したように、jquery が含まれていないことです。ここに示すように、ローカル フォールバックとリモート バージョンを含める習慣を身につけることをお勧めします。http://jsbin.com/ adofej/2私の担当者は、これが回答としてふさわしくないと感じた場合、コメントを残すには低すぎます。

于 2012-07-16T11:16:22.350 に答える
0

jQuery css()メソッドを使用できます

$("button").click(function(){
  $("#div1").css('height':'200px');
});

複数の CSS 宣言の場合:

$("button").click(function(){
  $("#div1").css('height':'200px','width':'100px','background-color':'#f00');
});
于 2012-07-16T10:30:06.133 に答える