使用jQuery操作DOM

一. 样式操作

1. 使用css()为指定的元素设置样式值或获取样式值
2. 使用addClass( )追加样式
3. 使用removeClass( )移除样式
4. 使用toggleClass( )切换样式
   二. 内容操作
5. HTML代码操作
6. 标签内容操作：text()可以获取或设置元素的文本内容
7. 属性值操作：val()可以获取或设置元素的value属性值
   三. 节点操作
8. 查找节点: eq(index)查找等于index的元素
9. 创建节点： 工厂函数$()用于获取或创建节点
10. 插入节点: 元素内部插入子节点, 元素外部插入同辈节点
11. 删除节点: remove()：删除整个节点
    empty()：清空节点内容
    detach()：删除整个节点，保留元素的绑定事件、附加的数据
12. 替换节点: replaceWith()和replaceAll()用于替换某个节点
13. 复制节点: clone()用于复制某个节点
    四. 属性值操作
14. val()可以获取或设置元素的value属性值
15. removeAttr( )删除元素属性
    五. 节点遍历
16. 遍历子元素: children()方法可以用来获取元素的所有子元素
17. 遍历同辈元素: 使用next( )、prev( )、siblings( )，可以获取紧邻其后、紧邻其
    前和位于该元素前与后的所有同辈元素
18. 遍历前辈元素: parent()：获取元素的父级元素
    parents()：获取元素的祖先元素
19. 其他遍历方法 : each( ) 、end( )、find( )、eq( )、first( )…
    六. 思维导图