40.1 JQuery基础、版本介绍、语法、入口函数、 JQuery与javaScript相互转换

目录

1 JQuery 基础

1.1  JQuery版本

1.2 导入JQuery的js文件

1.3  JQuery语法

 1.4 JQuery与javaScript相互转换

1.5 jquery入口函数

---

1 JQuery 基础

JQuery概念：jquery是一个JavaScript的框架。简化JS开发

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨    是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

1.1  JQuery版本

• 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
• 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，  最终版本：2.2.4 (2016年5月20日)
• 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。最新版本：3.2.1（2017年3月20日）

jquery-xxx.js 与 jquery-xxx.min.js区别？

1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快

1.2 导入JQuery的js文件

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：

• 从 jquery.com 下载 jQuery 库
• 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

 //本地query

1.3  JQuery语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()

如：

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p .test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素

 1.4 JQuery与javaScript相互转换

JavaScript转为Jquery：$(js对象)

Jquery转为JavaScript: jq对象[索引] 或者 jq对象.get(索引)

1.5 jquery入口函数

入口函数：dom文档加载完成之后执行该函数中的代码

$(function) 和 window.onload 区别
                 * window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
                 * $(function)可以定义多次的。