一、下载Jquery文件库
jquery官网：http://jquery.com
在网站中，选择大小为24kb的压缩包，单击Download（下载）按钮，便可下载Jquery框架到本地。
二、引入Jquery文件库
下载完成后，不需要安装，使用<script>文件导入标记，将Jquery框架文件导入到页面中即可。例如：
<script src="jscript/jquery-1.4.2.min.js"></script>
在页面的头部引入上述代码，便完成了jquery框架的引入，就可以开始我们的jquery之旅了。
三、一个简单的jquery程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function(){
alert("你好，欢迎来到我的简书世界！")
})
</script>
</head>
<body>
</body>
</html>
在上述代码中，有一段如下的代码：
$(document).ready(function(){ //程序段
})
该段代码类似于传统的javascript代码：
window.onload=function(){//程序段}
虽然上述两段代码在功能上可以互换，但它们之间又有许多的区别：
1.执行时间不同，$(document).ready在页面框架下载完毕后就执行；而window.onload必须在页面全部加载完毕后才能执行。
2.执行数量不同，$(document).ready可以重复写多个，并且每次执行结果不同；而window.onload尽管可以执行多个，但仅输出最后一个执行结果，无法做到多个结果的输出。
3.$(document).ready（function(){}）可以简写成$(function(){})。
网友评论