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

 

　　jQuery是一个JavaScript函数库。

 

　　jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

 

　　jQuery库包含以下功能：

 

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

 

　　提示： 除此之外，Jquery还提供了大量的插件。

 

　　目前网络上有大量开源的 JS 框架， 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

 

　　很多大公司都在使用 jQuery, 例如：

 

　　GoogleMicrosoftIBMNetflix

 

　　您是否很疑惑为什么我们没有在  标签中使用

 

　　在 HTML5 中，不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！

 

　　使用 Staticfile CDN、百度、又拍云、新浪、谷歌或微软的 jQuery,有一个很大的优势：

 

　　许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery.所以结果是，当他们访问您的站点时，会从缓存中加载 jQuery,这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

 

　　通过 jQuery,您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

 

　　jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

 

　　基础语法： $（selector）。action（）

 

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

 

　　实例：

 

　　$（this）。hide（） - 隐藏当前元素$（“p”）。hide（） - 隐藏所有

 

　　元素

 

　　$（“p.test”）。hide（） - 隐藏所有 class=“test” 的

 

　　元素

 

　　$（"#test"）。hide（） - 隐藏 id=“test” 的元素

 

　　你对 CSS 选择器熟悉吗？

 

　　jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。

 

　　您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

 

　　这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

 

　　如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

 

　　试图隐藏一个不存在的元素获得未完全加载的图像的大小

 

　　提示：简洁写法（与以上写法效果相同）：

 

　　以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。

 

　　jQuery 入口函数：

 

　　或者

 

　　JavaScript 入口函数：

 

　　jQuery 入口函数与 JavaScript 入口函数的区别：

 

　　jQuery 的入口函数是在 html 所有标签（DOM）都加载之后，就会去执行。JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

 

　　jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

 

　　jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS

 

　　选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$（）。

 

　　jQuery 元素选择器基于元素名选取元素。

 

　　在页面中选取所有

 

　　元素：

 

　　实例

 

　　用户点击按钮后，所有

 

　　元素都隐藏：

 

　　jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

 

　　页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

 

　　通过 id 选取元素语法如下：

 

　　实例

 

　　当用户点击按钮后，有 id=“test” 属性的元素将被隐藏：

 

　　jQuery 类选择器可以通过指定的 class 查找元素。
 

 

　　语法如下：

 

　　实例

 

　　用户点击按钮后所有带有 class=“test” 属性的元素都隐藏：

 

　　jQuery 是为事件处理特别设计的。

 

　　页面对不同访问者的响应叫做事件。

 

　　事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

 

　　实例：

 

　　在元素上移动鼠标。选取单选按钮点击元素

 

　　在事件中经常使用术语"触发"（或"激发"）例如： “当您按下按键时触发 keypress 事件”。