jQuery概述

一、jQuery的概述和作用

jQuery 是一个 JavaScript 库，jQuery 极大地简化了 JavaScript 编程。jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。

基本上，我们将学习到如何选取 HTML 元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务。

二、jQuery的引入

jQuery 库可以通过一行简单的标记被添加到网页中。

<script src="../js/jQuery1.10.2/jquery-1.10.2.min.js"></script>

三、jQuery 库的特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

四、jQuery的两种文件

1： min.js文件：压缩文件，没有空格和换行，浏览器阅读速度快，程序员阅读困难，且无法调试，适用于项目发布以后

2： .js：未压缩文件，文件显示正常的空格,换行和缩进，浏览器阅读速度慢，但便于程序员阅读和调试，适用于项目开发

五、jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

美元符号定义 jQuery
选择符（selector）“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作

示例

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

六、jQuery 的版本

目前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插件不支持这个版本。

目前该版本是官方主要更新维护的版本。

七、多个js库的冲突解决方案

<body>
<div id="div1">我是测试DIV</div>
</body>
<script src="../js/jQuery1.10.2/jquery-1.10.2.min.js"></script>
<script>
/*方案一：放弃对$的控制权,以后凡是原来使用$的位置全部用jQuery代替*/
jQuery.noConflict();
jQuery(function () {
alert("123")
});
/*方案二：放弃对$的控制权，但是可以定义一个特殊符号，来代替jQuery*/
var $j = jQuery.noConflict();
$j(function () {
alert("123");
});
/*方案三：放弃$的控制权，可以在局部使用*/
jQuery.noConflict();
/*$("#div1").hide();*//*在就绪函数外部不能使用*/
jQuery(document).ready(function ($) {
$("#div1").hide();
});
/*方案四：比较常用*/
jQuery.noConflict();
(function ($) {
$("#div1").hide();
}(jQuery));
</script>

八、js的文档就绪函数和jQuery文档就绪函数

方法1: js的文档就绪函数
window.onload = function () {
document.getElementById("div1").style.display = "none";
};
方法2: jquery文档就绪函数
$(document).ready(function () {
$("#div1").hide();
});
方法3: jquery文档就绪函数
$(function () {
$("#div1").hide();
});