jQuery学习笔记——初识

一、jQuery简介

1. jQuery于2006年创建
2. jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装
3. 它的设计思想是write less,do more

二、jQuery能做什么

1. 访问和操作DOM元素
2. 控制页面样式
3. 对页面事件进行处理
4. 与Ajax技术完美结合

三、jQuery的优势

1. 体积小，压缩后只有100KB左右
2. 强大的选择器
3. 出色的DOM封装
4. 可靠的事件处理机制
5. 出色的浏览器兼容性
6. 丰富的插件支持

四、jQuery库分开发版和发布版

1. jquery-3.版本号.js（开发版，完整无压缩）：约286KB，主要用于测试、学习和开发
2. jquery-3.版本号.min.js（发布版，经过工具压缩或经过服务器开启Gzip压缩）：约94.8KB，主要应用于发布的产品和项目

五、jQuery的基本语法
1. 语法：$()

2. 在进行页面设计时要先导入jQuery库：<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
		
3. $(document).ready()文档加载事件的作用：正常情况下代码的加载顺序是根据代码的书写顺序依次加载的，如果加了文档加载事件，先加载网页结构，最后去加载js脚本

4. $(document).ready()与window.onload的区别：
 ①. 执行时间
	window.onload：必须等到整个页面里面的所有元素（图片、视频等）加载完成后才会执行
	$(document).ready(function(){}：当dom结构（整个页面的标签结构）回话完成后立刻执行
 ②. 编写个数不同
	window.onload不能编写多个，如果写了多个，只会执行一个，执行最后一个
	$(document).ready(function()){}：可以同时编写多个，并且可以同时执行，且先于window.onload执行
 ③. 简写方式
	window.onload:没有简写方式
	$(document).ready(function()){})：可以简写成$(function(){})