定义和用法
当 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()的用法