若是咱们在<head>中引入jQuery库文件,并编写相应的jQuery代码来操做DOM元素。这极可能致使操做没法成功,由于此时<body>内的元素可能尚未加载出来,也就获取不到对应的元素。所以,咱们通常会将本身的jQuery代码写在ready()
事件函数中。ready()
函数的做用至关于window.onload,它用于在当前文档加载准备就绪后执行对应的函数。html
$(document).ready(function(){ // 在这里编写咱们但愿在DOM准备就绪后执行的代码 });
或者函数
// $( function ) 是 $(document).ready( function ) 的简写形式 $( function(){ // 在这里编写咱们但愿在DOM准备就绪后执行的代码 } );
jQuery的ready()
函数能够重复调用,绑定的回调函数将在DOM准备就绪后按照绑定顺序依次执行。此外,ready()
和window.onload并不兼容,所以不要混合使用。 spa