jQuery入口函数
根据需要在js代码执行前,需等待加载再执行js代码,原生js和jQuery中有两种常见的入口函数的写法,以下是他两的区别:
原生的js和jquery的区别
1、原生的js和jquery入口函数的加载模式不同原生的js会等到dom元素加载完毕,并且图片也加载完毕才会执行jquery会等到dom元素加载完毕,但不会等到图片加载完毕
2、原生的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 结构绘制完毕后就执行,不必等到加载完毕。