jQuery学习

1. jQuery安装

（1）两种方式：

• 从 jquery.com 下载 jQuery 库
  • 有两个版本的 jQuery 可供下载：
    • Production version - 用于实际的网站中，已被精简和压缩。
    • Development version - 用于测试和开发（未压缩，是可读的代码）
  • jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：<script src=“jquery-1.10.2.min.js”>
• 从 CDN 中载入 jQuery, 例如从 Google 中加载 jQuery

（2) 通过CDN（内容分发网络） 引用——免下载

-------------适用于国内站点（使用任一个即可）
1.Staticfile CDN: 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
2.百度 CDN:
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
3.新浪 CDN:
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">

（3）jQuery 使用版本
我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本。

2. jQuery 语法

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

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

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

✔ jQuery 入口函数（文档就绪事件）:

$(document).ready(function(){
    // 执行代码
});
或者简写为
$(function(){
    // 执行代码
});

3. jQuery 选择器

所有选择器都以美元符号开头：$()
(1) 元素选择器——基于元素名选取元素 eg: $(“p”)
(2) #id 选择器——通过 HTML 元素的 id 属性选取指定的元素 eg: $("#test")
(3) .class 选择器——通过指定的 class 查找元素 eg: $(".test")