jQuery fadeOut不工作？

好吧，我有以下HTML代碼，這是一個應用程序，應該從API檢索天氣數據。jQuery fadeOut不工作？

<!DOCTYPE html> 
<html> 
    <head> 
    <title>FastCast</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/footer.css" rel="stylesheet"> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> 
    <![endif]--> 
    <link rel="shortcut icon" href="favicon1.ico"/> 
    </head> 
    <body> 
    <center> 
    <h1><b>Welcome to FastCast!</b></h1> 
    <div> 
    <p><font size="3">FastCast is a web application designed to gather weather information from various sources and display it in an easy-to-read format.</font></p> 
    <hr></hr> 
    <div id-"all"> 
    <div id="picDiv"> 
    <img id="imgDisp" src="logo.jpg"> 
    </div> 
    <p><font size="6">Enter you location to get started.</font></p> 
    </div> 
    <form class="form-inline" role="form"> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="Location" placeholder="ex. Boston, MA"> 
    </div> 
    </form> 
    <p><i>Press enter to continue.</i></p> 
    <script> 
    window.onkeydown = function(event) { 
     if (event.keyCode === 13) { 
      var x = document.getElementById("Location").value; 
      var last2 = x.slice(-2); 
      alert(last2); 
      $(document).ready(function() { 

       $('#all').fadeOut(1000); 

      }); 
     } 
    } 
    </script> 
    </div> 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://code.jquery.com/jquery.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="js/bootstrap.min.js"></script> 
    </center> 
    </body> 
    <div class="footer" id="footer">Developed in Twitter Bootstrap | Information from openweathermap.org | Tyler Jablonski, 2014+</div> 
</html>

現在，我仍然獲得建立接口的過程。在代碼結束時，我有一點Javascript會在用戶按下輸入時提醒文本框中的最後兩個字符。這工作正常。不過，我之後也有一些jQuery應該淡化掉所有的東西。這部分不起作用。我收到警報，但沒有消失。爲什麼是這樣？

你可以看看頁面在這裏：https://googledrive.com/host/0B7jcQuOYGlvqOHBHN3VTTi11YUU/html.html

感謝。

來源

2014-01-25 user2962388

你已經把'DIV ID - 「所有」'，而不是'DIV ID = 「所有」'，所以jQuery的可以't target div – ElendilTheTall

@ElendilTheTall把它作爲答案。：d – hutchonoid