jQuery的基本设计思想和主要用法，就是通过获取网页上的元素，然后对其进行操作，通过获取元素，return返回一个jQuery创造出的对象，对元素进行操作。使用了闭包的设计思路，使用户无法直接对元素进行操作，而是通过访问函数方法操作。
将一个函数表达式放入jQuery对象内，得到被选中的元素。可以用简写为$符号
window.$=window.jQuery//如何实现$符号代替jQuery
jQuery 的链式操作是怎样的
$('div').find('.red').addClass('yellow')
获取所有div元素，找到class为red的元素，在class上增加yellow。
jQuery还提供了.end()方法，使得结果集可以后退一步：
$('.test').find('.child').addClass('red').end().addClass(''yellow)
在class为test的元素中，找到他所有的类名为child的子元素，添加类名red，然后返回上一层，在test后面添加yellow.
查
$('#xxx') 返回值并不是元素，而是一个 api 对象
$('#xxx').find('.red') 查找 #xxx 里的 .red 元素
$('#xxx').parent() 获取xxx的父元素
$('#xxx').children() 获取xxx的子元素
$('#xxx').siblings() 获取xxx的同级元素
$('#xxx').index() 获取xxx的次序
$('#xxx').next() 获取xxx的下一个元素
$('#xxx').prev() 获取xxx的上一个元素
$('.red').each(fn) 遍历并对每个元素执行 fn
增
$('<div><span>1</span></div>') 创建 div
.appendTo(document.body) 插入到 body 中
删
$div.remove()
$div.empty()
改
$div.text(?) 读写文本内容
$div.html(?) 读写 HTML 内容
$div.attr('title', ?) 读写属性
$div.css({color: 'red'}) 读写 style
$div.addClass('blue')
$div.on('click', fn)
$div.off('click', fn)
元素的操作：移动
第一种方法是使用.insertAfter(),把div元素移动p元素后面：
$('div').insertAfter($('p'));
第二种方法是使用.after()，把p元素加到div元素前面：
$('p').after($('div'));
.insertAfter()和.after()：在现存元素的外部，从后面插入元素
.insertBefore()和.before()：在现存元素的外部，从前面插入元素
.appendTo()和.append()：在现存元素的内部，从后面插入元素
.prependTo()和.prepend()：在现存元素的内部，从前面插入元素
