jquery中的ready（）和onload事件
ready()⽅法作⽤：
在页⾯加载完成后，⽴即执⾏指定的函数。这么做的好处是可以减少页⾯渲染的时间，加快页⾯加载，提升⽤户体验（⾃⼰理解，如有不对，欢迎评论指正。）
ready()相⽐onload事件绑定函数的优势：
具有较⾼优先级，只需等到html结构加载完成后即可执⾏；⽽onload必须等到图⽚在内的所有元素加载完毕后才执⾏。除了使⽤target选择器时需要结合load，⼤多数我们都可以使⽤ready()来进⾏编写js代码。
jquery中的ready()的三种写法
1.$().ready(function(){
jquery是什么选择器
console.log(‘DOMContentLoaded’)
})
$(function(){
console.log(‘DOMContentLoaded’)
})
// 最简便的ready函数
$(document).ready(function(){
console.log(“DOMContentLoaded”)
})
//这种写法好像和第⼀种没什么区别，我想可能写document的原因可能就是应为$符号的不稳定性，
加载多个函数的问题
在Onload事件中只能这样加载，很丑陋…⽽在JQuery中你可以利⽤多个JQuery.Ready()⽅法，它们会按次序依次执⾏
对于Body.Onload事件，是在加载完所有页⾯内容才会触发，我的意思是所有内容，包括图⽚，flash等.如果页⾯的这些内容很多会让⽤户等待很 长时间.
⽽对于(document).ready()⽅法，这个⽅法只是在页⾯所有的DOM加载完毕后就会触发,⽆疑很⼤的加快了⽹页的速度.  执⾏先后顺序不同对于Body.Onload事件，是在加载完所有页⾯内容才会触发，我的意思是所有内容，包括图⽚，flash等.如果页⾯的这些内容很多会让⽤户等待很长时间.⽽对于(document).ready()⽅法，这个⽅法只是在页⾯所有的DOM加载完毕后就会触发,⽆疑很⼤的加快了⽹页的速度.  执⾏先后顺序不同对于Body.Onload事件，是在加载完所有页⾯内容才会触发，我的意思是所有内容，包括图⽚，flash等.如果页⾯的这些内容很多会让⽤户等待很长时间.⽽对于(document).ready()⽅法，这个⽅法只是在页⾯所有的DOM加载完毕后就会触发,⽆疑很⼤的加快了⽹页的速度.
但是对于⼀些特殊应⽤，⽐如图⽚的放⼤缩⼩，图⽚的剪裁。需要⽹页所有的内容加载完毕后才执⾏的呢？我推荐使⽤$(window).load()⽅法，这个⽅法会等到页⾯所有内容加载完毕后才会触发，并且同时⼜没有OnLoad事件的弊端.
<script type="text/javascript">
$(window).load(function(){
alert("hello");
});
$(window).load(function(){
alert("hello again");
});
</script>
上⾯的代码会在页⾯所有内容加载完成后按先后顺序依次执⾏.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。