第8章 知识点

DOM操作分为三类： DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM：用于操作CSS，如element.style.color="green"

jQuery对JavaScript中的DOM操作进行了封装 jQuery中的DOM操作 样式操作 内容及Value值操作 节点操作 节点属性操作 节点遍历 CSS-DOM操作

使用css()为指定的元素设置样式值或获取样式值

追加样式:$(selector).addClass(class); 或   $(selector).addClass(class1 class2 … classN)

移除样式:$(selector).removeClass("class") ; 或   $(selector).removeClass("class1 class2 … classN ") 

toggleClass() 模拟了addClass()与removeClass()实现样式切换的过程

hasClass( )方法来判断是否包含指定的样式

html()可以对HTML代码进行操作，类似于JS中的innerHTML

text()可以获取或设置元素的文本内容

val()可以获取或设置元素的value属性值

jQuery中节点操作 查找节点（前面章节已讲） 创建节点 插入节点 删除节点 替换节点 复制节点

工厂函数$()用于获取或创建节点 $(selector)：通过选择器获取节点 $(element)：把DOM节点转化成jQuery节点 $(html)：使用HTML字符串创建jQuery节点

元素内部插入子节点 append(content)   appendTo(content)   prepend(content)   prependTo(content)

元素外部插入同辈节点  after(content)   insertAfter(content)   before(content)   insertBefore(content)

jQuery提供了三种删除节点的方法 remove()：删除整个节点 empty()：清空节点内容 detach()：删除整个节点，保留元素的绑定事件、附加的数据

replaceWith()和replaceAll()用于替换某个节点

clone()用于复制某个节点

attr()用来获取与设置元素属性

removeAttr()用来删除元素的属性

children()方法可以用来获取元素的所有子元素

jQuery可以获取紧邻其后、紧邻其前和位于该元素前与后的所有同辈元素

jQuery中可以遍历前辈元素 parent()：获取元素的父级元素 parents()：元素元素的祖先元素

each( ) ：规定为每个匹配元素规定运行的函数

end( )：结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态

除css()外，还有获取和设置元素高度、宽度等的样式操作方法

css()	设置或返回匹配元素的样式属性
height([value])	设置或返回匹配元素的高度
width([value])	设置或返回匹配元素的宽度
offset([value])	返回以像素为单位的top和left坐标。仅对可见元素有效
offsetParent( )	返回最近的已定位祖先元素。定位元素指的是元素的CSS position值被设置为relative、absolute或fixed的元素
position( )	返回第一个匹配元素相对于父元素的位置
scrollLeft([position])	参数可选。设置或返回匹配元素相对滚动条左侧的偏移
scrollTop([position])	参数可选。设置或返回匹配元素相对滚动条顶