jQuery 的功能

1.jQuery 如何获取元素

选择表达式可以是选择器

$(document) // 选择整个文档对象
$('#id') // 选择id
$('.class') // 选择class
$('input[name=xxx]') // 选择属性

也可以是特有的表达式

$('div:first') // 选择网页中第一个div元素
$('tr:odd') // 选择表格的奇数行
$('form: input') // 选择表单中的input元素
$('div:visible') // 选择可见的div元素
$('div:gt(2)') // 选择所有的div元素，除了前三个
$('div:animated') // 选择当前处于动画状态的div元素

2.jQuery 的链式操作是怎样的

jQuery 的设计可以使得他在选中元素后，可以进行一系列的链接操作，其内部原理在于每一个操作方法都返回一个jQuery对象。

$('div').find('p').html('hi')

3.jQuery 如何创建元素
元素的创建，直接把新元素传入jQuery构造函数

$('<div>Hello, jQuery</div>')

4.jQuery 如何移动元素
jQuery 提供了两组方法，一组是直接移动目标元素，一组是移动其他元素

.insertAfter() / .after() // 在现存元素的外部，从后面插入元素
.insertBefore() / .before() // 在现存元素的外部，从前面插入元素
.appendTo() / .append() // 在现存元素的内部，从后面插入元素
.prependTo / .prepend() // 在现存元素的内部，从前面插入元素

5.jQuery 如何修改元素的属性
提供强大的过滤器，对结果集进行筛选，缩小选择结果

$('div').has('p') // 选择包含p元素的div元素
$('div').not('xxclass') // 选择class不为xxclass的div元素
$('div').filter('.xxclass') // 选择class等于xxclass的div元素
$('div').first() // 选择第一个div元素
4('div').eq(5) // 选择第6个div元素

也可以从目标元素，操作其相关元素

$('div').next('p') // 选择div元素后面的第一个p元素
$('div').parent() // 选择div元素的父元素
$('div').closest('form') // 选择离div最近的form父元素
$('div').children() // 选择div的所有子元素
$('div').siblings() // 选择div的同级元素