jQuery基础

Posted 2020-09-30 imstrive

1.jQuery的4种加载方式

1.1页面加载完之前执行，与嵌入的JS加载方式一样：

1 (function($){
2     alert(‘start‘);
3 })(jQuery);

1.2页面加载后执行：

1 $(document).ready(function(){
2     alert(‘jquery ready‘);
3 });

1.3页面加载后执行：

1 $(function(){
2     alert(‘jquery onload‘);
3 });

1.4页面加载后执行：

1 jQuery(function($){
2     alert(‘jQuery ready‘);
3 });

这几种加载方式，相对于window.onload方式，只需要加载所有的DOM结构，在浏览器把所有的html元素（加载外部图片和资源）放入DOM树之前就可以执行JS效果。