共计 1608 个字符，预计需要花费 5 分钟才能阅读完成。
jQuery 基本概念
学习目标：学会如何使用 jQuery，掌握 jQuery 的常用 api，能够使用 jQuery 实现常见的效果。
为什么要学习 jQuery？
【01- 让 div 显示与设置内容.html】
使用 javascript 开发过程中，有许多的缺点：
1. 查找元素的方法太少，麻烦。
2. 遍历伪数组很麻烦，通常要嵌套一大堆的 for 循环。
3. 有兼容性问题。
4. 想要实现简单的动画效果，也很麻烦
5. 代码冗余。
jQuery 初体验
【02- 让 div 显示与设置内容.html】
$(document).ready(function () {
$(“#btn1”).click(function () {
// 隐式迭代：偷偷的遍历，在 jQuery 中，不需要手动写 for 循环了，会自动进行遍历。
$(“div”).show(200);
});
$(“#btn2”).click(function () {
$(“div”).text(“ 我是内容 ”);
});
});
优点总结：
1. 查找元素的方法多种多样，非常灵活
2. 拥有隐式迭代特性，因此不再需要手写 for 循环了。
3. 完全没有兼容性问题。
4. 实现动画非常简单，而且功能更加的强大。
5. 代码简单、粗暴。
什么是 jQuery?
jQuery 的官网 http://jquery.com/
jQuery 就是一个 js 库，使用 jQuery 的话，会比使用 JavaScript 更简单。
js 库：把一些常用到的方法写到一个单独的 js 文件，使用的时候直接去引用这 js 文件就可以了。（animate.js、common.js）
我们知道了，jQuery 其实就是一个 js 文件，里面封装了一大堆的方法方便我们的开发，其实就是一个加强版的 common.js，因此我们学习 jQuery，其实就是学习 jQuery 这个 js 文件中封装的一大堆方法。
jQuery 的入口函数
使用 jQuery 的三个步骤：
1. 引入 jQuery 文件
2. 入口函数
3. 功能实现
关于 jQuery 的入口函数：
// 第一种写法
$(document).ready(function() {
});
// 第二种写法
$(function() {
});
jQuery 入口函数与 js 入口函数的对比
1. JavaScript 的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
2. jQuery 的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。
jQuery 对象与 DOM 对象的区别（重点）
DOM 对象：使用 JavaScript 中的方法获取页面中的元素返回的对象就是 dom 对象。
jQuery 对象：jquery 对象就是使用 jquery 的方法获取页面中的元素返回的对象就是 jQuery 对象。
jQuery 对象其实就是 DOM 对象的包装集（包装了 DOM 对象的集合（伪数组））
DOM 对象与 jQuery 对象的方法不能混用。
DOM 对象转换成 jQuery 对象：【联想记忆：花钱】
var $obj = $(domObj);
// $(document).ready(function(){}); 就是典型的 DOM 对象转 jQuery 对象
jQuery 对象转换成 DOM 对象：
var $li = $(“li”);
// 第一种方法（推荐使用）
$li[0]
// 第二种方法
$li.get(0)
选择器
什么是 jQuery 选择器
jQuery 选择器是 jQuery 为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery 选择器返回的是 jQuery 对象。
jQuery 选择器有很多，基本兼容了 CSS1 到 CSS3 所有的选择器，并且 jQuery 还添加了很多更加复杂的选择器。【查看 jQuery 文档】
jQuery 选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。
基本选择器
总结：跟 css 的选择器用法一模一样。
层级选择器
跟 CSS 的选择器一模一样。
过滤选择器
筛选选择器 (方法)