window.load(function(){...})和body.onload()都存在同样一个问题,
那都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,
这是它们的共同点.$(document).ready()是文档结构已经加载完成
(不包含图片等非文字媒体文件),不必等到所有的加载完毕。
$(window).load(function(){...})和body.onload()都存在同样一个问题,因为开始也说到了,它们都需要等到页面的所有内容
加载完毕才执行,但是如果当网速比较慢的时候,加载一个页面往往需要较长的时间(几秒到十几秒不等,甚至更长...),所以我们经常
会遇到页面还没有完全加载完毕而用户已经在操作页面了这种情况,这样页面表现出来的效果就跟我们预期的效果不一样了,
所以在这里我推荐使用$(document).ready(function(){}),或简写为$(function(){}),因为他会在页面的dom元素加载完毕后就执行,而无需等到图片或其他媒体下载完毕.
附上一段在所有DOM元素加载之前执行的jQuery代码
<script type="text/javascript">
(function() {
alert("DOM还没加载哦!");
})(jQuery)
</script>
jquery ready可以写好几个,每个都执行
onload只能写一个,你写好几个,也只执行一个,好像是执行最后一个,而$(window).load()可以加载多个函数
http://blog.csdn.net/john2522/article/details/7885453
标准写法
$(document).ready(function(){
$("span").on("click",function(){
$(this).innerHTML="点击我";
});
jquery(function(){})与(function(){}(jQuery)的区别
jquery(function(){})等于
$(docunemt).ready(function(){
});
(funtion(){
}(jQuery);用于存放开发插件的代码,执行其中代码DOM不一定存在,直接自动执行DOM操作代码请小心使用