关于JQuery中$(document).ready()函数的疑问。

Question

书上说该函数内所有的代码都将在DOM加载完毕后，页面内容(包括图片等)完全加载完毕前执行。
看来我以后的路还很长啊！
我一直以为就是页面内容加载完毕以后，DOM才会在内存中生成，
难道不是这样吗？
还有就是DOM加载完毕了，但是图片还没有加载完，
但是事件执行了。
这就造成一种局面。
比如说代码是动态改变图片的透明度的，
代码虽然执行了，但是图片没有显示出来，
这能有什么效果？
这样不就没有什么意义了吗？
初学JQuery，希望大家指点一下。
O(∩_∩)O谢谢！！！

Answer 1

页面完全加载实际上用jQuery写出来就是$(window).load(function(){ })，相当于onload事件，如果页面有大量图片或flash，js代码必然延迟而dom加载则是$(document).ready(function(){ })，自然早于前者因此要做dom加载的判断

Answer 2

建议楼主看John Resig的《精通javascript》一书 你就会知道jQuery里很多的内幕和原理了
就这个问题，我想动态改变图片的透明度无论是使用什么方法，他都不会出现问题的
如果是CSS，那么图片加载完成之后CSS会生效，其他同理

Answer 3

汗一个！
使用JQuery来解释，跟没说一样啊。
能再说的详细一些吗？
DOM加载与页面加载不一样吗？

Answer 4

晕，用jQuery就是想让你明白些，文字说明还复杂些首先要知道，浏览器的渲染和操作顺序大致如下：1.解析HTML，构建DOM。
2.JS和CSS加载完毕。
3.JS在文档内解析并执行。
4.HTML DOM完全构建起来。
5.图片和外部内容加载。
6.网页完成加载。页面加载就是进行整个过程，Dom加载就是仅仅1-4，而jQuery的ready()就是4的时候执行的，而你的图片加载就属于5，因此为了避免这种情况发生，就需要些判定条件，至于如何写就自行google一下，太多了

Answer 5

DOMReady的时候，DOM中的图片（img标签）已经存在了，只是还没有下载完而已。
所以，还有有效地。