jQuery入口函数

根据需要在js代码执行前，需等待加载再执行js代码，原生js和jQuery中有两种常见的入口函数的写法，以下是它们两的区别：

原生的js和jquery的区别

• 原生的js和jquery入口函数的加载模式不同原生的js会等到dom元素加载完毕，并且图片也加载完毕才会执行jquery会等到dom元素加载完毕，但不会等到图片加载完毕
• 原生的js如果编写了多个入口函数，后面编写的会覆盖前面编写的但是jquery后写的不会覆盖先写的，而且还会按顺序加载

jQuery入口函数的四种写法

// 入口函数的第一种写法
$(document).ready(function(){       
    alert("hello jquery");
});       
// 入口函数的第二种写法
jQuery(document).ready(function(){
    alert("1");
});
// 第三种
$(function(){
   alert("2");
});
// 第四种
jQuery(function(){
   alert("4");
});
        

window.onload 与$(function(){})区别

window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行;

$(function(){})是$(document).ready()简写,$(document).ready() 是 dom 结构绘制完毕后就执行，不必等到加载完毕。