什么时候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()的用法

赞 (4)