在前端开发中，我们常常需要等待DOM加载完毕或者设备准备就绪后再执行相应的操作。而jQuery的document.ready事件和PhoneGap的deviceready事件则是两种常见的等待机制。
jQuery document.ready
document.ready是jQuery提供的一个事件，用来检测DOM是否已经加载完毕。当DOM结构及其相关文件（如样式、脚本等）全部加载完成后，该事件就会被触发。一般情况下，我们会将需要等待DOM加载完成后才能执行的代码放在document.ready事件中。
$(document).ready(function(){
// 将需要等待DOM加载完毕后才能执行的代码放在这里
});PhoneGap deviceready
在移动应用开发中，我们还需要等待设备准备就绪后再执行操作。PhoneGap框架为此提供了一个名为deviceready的事件，用于检测设备是否已经准备就绪。当设备的所有组件（如加速度计、相机等）均已可用时，该事件就会被触发。一般情况下，我们会将需要等待设备准备就绪后才能执行的代码放在deviceready事件中。
document.addEventListener("deviceready", function(){
// 将需要等待设备准备就绪后才能执行的代码放在这里
}, false);区别和联系
虽然document.ready和deviceready都是等待机制，但它们存在一些区别和联系。
- 区别：
document.ready检测DOM是否加载完成，而deviceready检测设备是否准备就绪。 - 联系：两者都可以用来等待必要的条件满足后再执行相应的操作。同时，在PhoneGap中使用jQuery时，可以将
document.ready事件与deviceready事件结合起来使用，以确保代码在设备就绪并且DOM加载完成后才会执行。
$(document).on("ready", function(){
document.addEventListener("deviceready", function(){
// 在设备就绪并且DOM加载完成后执行的代码放在这里
}, false);
});总结
document.ready用于检测DOM是否加载完成，deviceready用于检测设备是否准备就绪。- 两者都可以用来等待必要的条件满足后再执行相应的操作。
- 二者可结合使用以确保代码在设备就绪并且DOM加载完成后才会执行。
最后，总结一下在前端开发以及移动应用开发中，等待机制的使用非常重要。无论是使用document.ready还是deviceready，我们都需要注意合理使用并注重性能优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13021