jquery ready()方法
翻译结果:
ready
英 [ˈredi] 美 [ˈrɛdi]
adj.准备好的,现成的;即时的,敏捷的;情愿的;即将的
vt.做好…的准备
adv.预先;已完成地
n.现款
jquery ready()方法语法
作用:当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready事件。由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。ready() 函数规定当 ready 事件发生时执行的代码。ready() 函数仅能用于当前文档,因此无需选择器。
语法1:$(document).ready(function)
语法2:$().ready(function
语法3:$(function)
参数:
参数 | 描述 |
function | 必需。规定当文档加载后要运行的函数。 |
jquery ready()方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Toggle</button> </body> </html>
点击 "运行实例" 按钮查看在线实例