3种jquery文档加载是执行方法

it2022-05-09  32

1. $(function( ){ });

$(function(){   $("#name").click(function(){     //adding your code here   }); });

2. $(document).ready(function( ){ })

$(document).ready(function(){   $("#name").click(function(){     //adding your code here     }); });

第二种第一种的完整形态

3. window.onload = function( ){ }

window.onload = function(){   $("#name").click(function(){     //adding your code here   }); }

window.onload = function( ){ }与 $(document).ready(function( ){ })的区别

[1]执行的时机不同

window.onload要等整个窗口(包括图片)都加载完才触发 执行 $(document).ready()在 DOM 结构绘制完成后就可执行

[2]编写的个数

window.onload 编写多个时,只有最后的那起作用 $(document).ready()可以编写多个,都生效

[3]简化写法

window.onload 无 $(document).ready()可简写为()

Tip :jQuery中真正与 window.onload完全等价的是$(window).load()方法


最新回复(0)