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。当我在浏览器中打开它时，如下所示：

在此处输入图像描述

但是当我单击单击我时，大小没有变化。

根据代码和流程，高度应该增加

任何人都知道如何让这个工作？

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，正如 cyclotrojan 所指出的那样，我还建议您养成使用本地回退的习惯以及包括此处所示的远程版本，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 回答