01Jquery安装与加载

下载版本

http://jquery.com/download/

可选择压缩版和不需要压缩版的

Download the compressed, production jQuery 3.1.1

Download the uncompressed, development jQuery 3.1.1

创建HTML将JS导入加载页面中

<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery-3.1.1.js"></script>

使用Jquery初始加载

方式一：

window.onload=function(){

alert("采用js的方式进行加载");

}

方式二：

$(document).ready(function(){

alert("采用Jquery复杂版进行加载"):

});

方式三：

$(function(){

alert("采用jquery简化版进行加载");

});

以上三种方式是等待DOM加载完以后将进行执行。

加载的区别：

方式三只是方式二一种简写。

重点是方式一和方式二的区别：

方式一，在页面中只能有一个，如果存在两个时，只会执行最后一个。

必须等待页面中所有的东西加载完以后，才进行执行。

方式二、在页面中可以有多个，每个都执行。

所有dom，可能dom的其它元素没有加载完。

从以上方式对比，方式二优于方式一