jQuery入口函数书写方式(学习记录)

jq入口函数

第一种书写方式

$(docunent).ready(function (){
})

第二种书写方式

$(function (){
})

第三种书写方式

jQuery(docunent).ready(function (){

})

第四种书写方式

jQuery(function (){

})

jQuery等同$ 所以可以理解有两种方式

//推荐使用
$(function(){
})

原生js入口函数

window.onlord=function(){
}

原生js函数入口和jQuery函数入口的区别

1. 原生js函数入口书写多个时后面的会覆盖前面的 只有一个生效,而jQuery可以书写多个不会被覆盖掉

原生js入口函数会被覆盖

window.onlord=function(){
alert('我不会显示')
}
window.onlord=function(){
alert('我把前面的干掉了')
}

jQuery入口函数不会被覆盖

$(function(){
alert('我是入口函数1')

})
$(function(){
alert('我是入口函数2')

})

2. 原生js入口函数和jQuery入口函数加载时机不同

• 原生js入口函数是等待 dom树 和外部资源(css/js 字体图标)加载完毕后加载
• jQuery入口函数是等dom树加载完毕后执行

 
window.onlord=function(){
alert('我等dom树和外部资源加载后加载')
}

$(function(){
alert('我等dom树加载后加载 ')
})