JQuery与JavaScript页面加载区别

原创于 2019-10-17 09:26:59 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JQuery #JS #JQ #WEB

Web 专栏收录该内容

50 篇文章

订阅专栏

本文探讨了jQuery与传统JavaScript在页面加载机制上的差异。jQuery的加载速度更快，仅需DOM树结构绘制完成即可执行，而JavaScript需等待整个页面加载完毕。jQuery还解决了事件覆盖的问题，确保了事件按顺序执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQ与JS页面加载区别</title>
		<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
		<script type="text/javascript">
			window.onload = function(){
				alert("1");
			}
			//传统的页面加载存在覆盖问题,后面的会把前面的覆盖掉
			//加载比JQuery慢,整个页面加载完毕后才会启动(包括图片等内容)
			window.onload = function(){
				alert("2");
			}
			//jQuery的加载比JavaScript要快(当整个DOM树结构绘制完毕就会加载)
			jQuery(document).ready(function(){
				alert("3");
				alert("4");
			})
			//jQuery不存在覆盖,顺序执行
			$(document).ready(function(){
				alert("5");
			})
			//简写方式
			$(function(){
				alert("6");
			})
		</script>
	</head>
	<body>
	</body>
</html>