什么时候js得加$(document).ready()及$(document).ready()的用法-安超峰的网站

定义和用法
当 DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。
由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档，因此无需选择器。
允许使用以下三种语法：
语法 1

 $(document).ready(function)

语法 2

 $().ready(function)

语法 3

 $(function)

例子：

<html>
 <head>
 <script type="text/javascript" src="/jquery/jquery.js"></script>
 </head>
 <body>
 <p>This is a paragraph.</p>
 <a class="btn1" href="javascript:;">Toggle</a>
 <script type="text/javascript">
 $("p").click(function(){
 $("a").toggle();
 })
 </script>
 </body>
 </html>

当js写在body标签以内的时候，不需要用

$(document).ready(function(){
 });

来进行包裹。

当js写在/加载head以内，则需要

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
 $("a").toggle();
 })
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<a class="btn1" href="javascript:;">Toggle</a>
</body>
</html>

未经允许不得转载：安超峰的网站 » 什么时候js得加$(document).ready()及$(document).ready()的用法

相关推荐