JQuery的下载及使用

JQuery下载

1. 进入官网www.jquery.com
2. 点击首页右上方Download按钮，进入下载页面。

   JQuery版本说明：
   	1x：兼容IE 678等低版本浏览器，官网不再更新
   	2x：不兼容IE 678等低版本浏览器，官网不再更新
   	3x：不兼容IE 678等低版本浏览器，是官方主要更新维护的版本
   ps：
   	若需要之前的版本，可通过以下网址下载：https://code.jquery.com/
   

3. 选择下载版本
   
4. 点击上述链接，进入以下页面：
   
5. 打开编辑器，新建一个jquery.min.js文件，将上个页面内的所有代码粘贴到该js文件，并保存。

JQuery的使用

• 引入JQuery文件，在需要使用JQuery的html的文件头部输入以下代码：
  <script src="jquery.min.js"></script>
• 在body中的<script></script>中加入jquery代码即可。

JQuery入口函数

html代码自上而下执行，当我们把script模块放至所需操作的代码上方时，代码不起作用，因此我们需要使代码等着页面DOM加载完毕后再去执行js代码，主要有以下两种方式：

• 方法一：（基本不使用）

  	$(document).ready(function() {
        
        
  		$('div').hide();
  	})
  

• 方法二：（最常使用）

  	$(function() {
        
        
  		$('div').hide();
  	})
  

1. 等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，JQuery帮我们完成了封装。
2. 相当于原生js中的DOMContentLoaded。
3. 不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。