JQuery-第一篇

如何使用JQuery？

• 下载JQuery库：下载地址：https://code.jquery.com/
• 引入下载的JQuery库 
• 编写JQuery代码
• 下载的JQuery库分为压缩版本和未压缩版本，它们的区别在于压缩版省去了空格，将一些单词进行了简化，空间小了，性能有所提升。同时也失去了未压缩版本的可读性。
• JQuery版本有1.*，2.*，3.* 这三个大的版本，我们常用的是1.*的最后一个版本：1.12.4版本。它的兼容性最强。

JQuery的使用

原生JS的写法：

window.onload = function(ev){
　　...
}

JQuery的固定写法

$(document).ready(function(){
　　...
});

通过对比：JQuery展现了它代码简洁，写的少做的多的优点。

但是原生Js和JQuery的入口函数的加载模式不同：

• 原生JS会等到DOM元素加载完毕，并且元素内的所有信息加载完毕才会执行。
• JQuery会等到DOM元素加载完毕，但是不会等到元素内的信息都加载完毕就会执行。

所以在Jq的入口函数中，我们获取不到元素的属性信息。

JQuery的入口函数

JQuery的入口函数就等同于原生JS的入口函数，也类似于我们后端开发的Main函数，是代码执行的起点。

• 关于原生JS的入口函数

如下代码，原生JS中如果编写了多个入口函数，后面编写的会覆盖前面编写的。

window.onload = function(){
    alter(‘aaa‘);
}

window.onload = function(){
　　alter(‘bbb‘);
}

• 关于JQuery的入口函数

如下代码，如果JQuery中编写多个入口函数，后面的不会覆盖前面的，会从上到下依次执行。

$(document).ready(function(){
　　alter(‘aaa‘);
});

$(document).ready(function(){
　　alter(‘bbb‘);
})