js与jQuery入口函数执行时机区别:
JS入口函数是在所有资源加载完成后,才执行。(包括:页面、外部js文件、外部css文件、图片)
jQuery入口函数,是在文档加载完成后就执行。文档加载完成指的是:DOM树加载完成后,就可以操作DOM了,不用等到所有的外部资源都加载完成。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.js"></script> <style> div{ width: 100px; height: 100px; margin-bottom: 10px; } .div1{ background: red; } .div2{ background: blue; } .div3{ background: green; } </style> <script> //js // window.onload = function () { // //alert($(".div3").width()) // alert(document.getElementsByTagName("div")[2].clientWidth); // } //jquery $(document).ready(function () { //alert($(".div3").width()); alert(document.getElementsByTagName("div")[2].clientWidth); }) </script> </head> <body> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div> </body> </html>