使用jQuery操作DOM

设置和获取样式值：

$(selector).css(name,value);

移除样式：

$(selector).removeClass（class）;

切换样式

$(selector).toggleClass（class）;//相当于addClass与removeClass的复合函数

判断是否含有指定样式，返回bool类型

$(selector).hasClass（class）

内容操作：

html（）：获取第一个匹配元素的文本内容或HTML内容

text（）:获取所有匹配元素的文本内容

html（content）：设置所有匹配元素的文本内容或HTML内容

text（content）：设置所有匹配元素的文本内容

属性值操作：

val([value])：获取被选元素的value值

focus（）：获取焦点事件

blur（）：失去焦点事件

节点操作：

示例：

删除节点：

remove（）：删除整个节点

detath（）：删除整个节点后，依旧绑定该删除事件

empty（）：删除节点内容

替换节点：

replaceWith（）：

复制节点：

clone（bool）：//bool为true时复制整个节点，为false时只复制文本内容，而不包括事件、属性等。

遍历子元素：

$(selector).children（）;

注意：需要注意的是children（）返回的是一个DOM对象而不是jQuery对象，所以操作时需要转化为jQuery对象

遍历同辈元素：

next（）：获取匹配元素之后的元素

prev（）：获取匹配元素之前的元素

siblings（）：获取匹配元素之前与之后的所有元素

遍历前辈元素：

parent（）：只获取匹配元素集合中每个元素的父级元素，而不包括更高级

parents（）：获取匹配元素集合中每个元素的祖级元素，包括更高级

each（function（index，element））:为每个匹配函数规定运行的函数。//详见W3c