为什么不是'；jquery切换这个div的类？_Jquery_Html_Css_Toggleclass

为什么不是'；jquery切换这个div的类？

jquery html css

为什么不是'；jquery切换这个div的类？,jquery,html,css,toggleclass,Jquery,Html,Css,Toggleclass,我试图使用Jquery来切换div的类和元素#house1，但是无论我做什么，只要我点击它，它似乎都不想隐藏自己这是相关的html代码以及脚本： <!DOCTYPE html> <html> <head> <link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'> &

我试图使用Jquery来切换div的类和元素#house1，但是无论我做什么，只要我点击它，它似乎都不想隐藏自己

这是相关的html代码以及脚本：

    <!DOCTYPE html>
    <html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
        <link href="bas.css" type="text/css" rel="stylesheet"/>
        <meta charset="utf-8"/>
        <title>Jans Fastigheter</title>
    </head>
    <body>
    <div class="header">
        <div>
            <img src="jans_logo.jpg">
        </div>
        <ul>
            <li><a class="current_huvud" href="Huvudsida.html">Huvudsida</a></li>
            <li><a href="kontakta oss.html">Kontakta Oss</a></li>
        </ul>
    </div>
    <div>
        <div id="house1">
        </div>
        <div id="house2">
        </div>
        <div id="house3">
        </div>
    </div>

    <script>
    $(document).ready(function() {
        $("#house1").click(function() {
            $(this).toggleclass("hide");
        });
    });
    </script>
    </body>
    </html>

这应该是：

$(this).toggleClass("hide");

相反：

$(this).toggleclass("hide");

C是

toggleClass（）的大写字母
还要确保Jquery包含在页面中，我看不到包含在页面中。
在页面中添加以下行：
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>


更改$（此）到$（this）.toggleClass（“隐藏”）
将Jquery包含到代码中


AAAA
bbbb
中交
$（文档）.ready（函数（）{
$（“.house”）。单击（函数（）{
$（this.toggleClass（“隐藏”）；
});
});
toggleclass
应该是toggleclass只要在浏览器控制台中查看错误消息，就会立即回答这个问题。把目光投向未来作为一种习惯。嗨，你能告诉我javascript IDE给了Intellisense什么来捕捉这种错误吗。因为我想学习JavaScript。谢谢。Dreamwaever很好，我想我看到了：非常感谢，我一开始就忘了包括Jquery。
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

    <div>
        <div class="house"  >
            aaaaa
        </div>
        <div class="house"  >
            bbbb
        </div>
        <div class="house">
            cccc
        </div>
    </div>

  $(document).ready(function() {  
     $(".house").click(function() {
           $(this).toggleClass("hide");
    });
  });