jQuery 是一个着重简化 DOM 操作 AJAX 调用和事件 (en-US)处理的 JavaScript库。
一、jQuery 使用 $(selector).action() 的格式给一个（或多个）元素绑定事件。
具体来说，$(selector) 让 jQuery 选择匹配 CSS 选择器 selector 的元素，并将它/它们传递给叫做 .action() 的事件 API。简单来说就是选择某个网页元素，然后对其进行某种操作，选取结果可以是一个或多个，后面的操作针对所有被选取的元素。多个连续的操作可以用“链式”实现。
链式风格也叫 jQuery 风格，window.jQuery() 是我们提供的全局函数，jQuery是一个特殊函数 ：
1.jQuery(选择器) 用于获取对应的元素
2.但它却不返回这些元素，相反，它返回一个对象，称为 jQuery 构造出来的对象
3.这个对象可以操作对应的元素
4.jQuery 是一个不需要加 new 的构造函数，jQuery 不是常规意义上的构造函数。
二、jQuery操作文件的增删改查
1、jQuery操作文件的增删改查：查
$('#xxx') 返回值并不是元素，而是一个 api 对象
$('#xxx').find('.red') 查找 #xxx 里的 .red 元素
$('#xxx').parent() 获取爸爸
$('#xxx').children() 获取儿子
$('#xxx').siblings() 获取兄弟
$('#xxx').index() 获取排行老几（从0开始）
$('#xxx').next() 获取弟弟
$('#xxx').prev() 获取哥哥
$('.red').each(fn) 遍历并对每个元素执行 fn
$('<div><span>1</span></div>')返回值并不是新增的元素，而是 api 对象
$('<div><span>1</span></div>').appendTo(...)appendTo 可以把新增的元素放到另一个元素里
2、jQuery操作文件的增删改查：删
$div.remove()
$div.empty()
3、jQuery操作文件的增删改查：增
$('body') 获取 document.body
$('body').append($('<div>1</div>')) 添加小儿子
$('body').append('<div>1</div>') 更方便
$('body').prepend(div或$div) 添加大儿子
$('#test').after(div 或 $div) 添个弟弟
$('#test').before(div 或 $div) 添个哥哥
4、jQuery操作文件的增删改查：改
$div.text(?) 读写文本内容
$div.html(?) 读写 HTML 内容
$div.attr('title', ?) 读写属性
$div.css({color: 'red'}) 读写 style // $div.style 更好
$div.addClass('blue') / removeClass / hasClass
$div.on('click', fn)
$div.off('click', fn)
