一、区别
首先要知道JQuery入口函数和JS入口函数的区别：
区别一： 在页面中书写个数不同：
（1）JS的入口函数只能出现一次， 出现多次会存在后者将前者事件覆盖的问题。
（2）JQuery的入口函数， 可以出现任意多次， 并不存在事件覆盖问题。
区别二：执行时机不同：
（1）JS的入口函数是在所有的文件资源加载完成后， 才执行。这些文件资源包括：页面文档、外部的JS文件、外部的CSS文件、图片等。
（2）JQuery的入口函数， 是在文档加载完成后就执行。 文档加载指的是：DOM树加载完成后， 就可以操作DOM了， 不用等到所有的外部资源都加载成功。
Ps： 文档加载的顺序为：从上往下， 边解析边执行。
二、写法
JQuery的入口函数， 有以下几种写法：
写法一：
//文档加载完毕， 图片不加载的时候， 就可以执行这个函数。<scripttype="text/javascript">$(document).ready(function () { alert("hello"); }) </script>
写法二：
//文档加载完毕， 图片也加载完毕的时候， 再执行这个函数。<scripttype="text/javascript">$(window).ready(function () { alert("hello"); }) </script>
写法三（写法一的简化版）：
//文档加载完毕， 图片不加载的时候， 就可以执行这个函数。<scripttype="text/javascript">$(function () { alert("hello"); }) </script>
原生的JS的入口函数指的是：window.onload = function(){}: 如下所示：
//原生js的入口函数。页面上所有内容加载完毕， 才执行。//不仅要等文本加载完毕， 而且要等图片也加载完毕， 才执行函数。<scripttype="text/javascript">window.onload=function () { alert("hello"); } </script>
**本文首发于CSDN，为博主原创文章，如果需要转载，请注明出处，谢谢！**
完结！
![[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635463/20241109/c55917b4a28342b78633c9da58d86e30.png?x-oss-process=image/resize,h_160,m_lfit)
