Question

我今天想用jQuery尝试一些简单的东西，但它似乎没有在页面上显示任何内容，无论我尝试什么。

<!DOCTYPE html>
  <html>
   <head>
    <style type="text/css">
     div{
      height:100px;
      width:100px;
      background-color:#FF0000;
      border-radius:5px;
     }
    </style>
    <script>
     $(document).ready(function(){
      $('div').fadeOut(1000);
     });
    </script>
   </head>
  <body>
   <div>
   </div>   
  </body>
 </html>

修正了它。我只是忘了把jQuery脚本放进去。

Answer 1

你好像不包括jquery。尝试添加：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Answer 2

您的代码看起来正确，但其结果不可见。

你的jQuery代码让你的div慢慢消失。但是所说的div是空的，所以它是看不见的。

将一些东西放入你的div中，你会看到一些结果！

另外，不要忘记包含jQuery源代码。

如何使用jQuery显示我的代码？

2 个答案: