第六章总结

1.Dom操作分类：

dom core

getElementById（）等方法都是domcore的组成部分

html-dom

他提供了一些更简单的 标记来描述各种html元素属性，如document.forms获取表单对象

css-dom

通过改变style对象的各种属性，呈现不同的样式，如element。style。color=“green”设置文本为绿色

2.样式操作

直接设置样式：css(name,value)//设置单个

或css({name:value},{name:value})

追加样式和移除样式：addClass（class）

removeClass(class)//移除

切换样式：

toggleClass（class）

3.内容操作：

html代码操作：html（【content】）

该方法类似于js中innerHTML

标签内容操作：

text（【content】）

使用该方法可以获取或设置文本内容，不含html标签

属性值操作：

val（【value】）

除了html（）和text（）还有val（），val（）多用于操作表单 <input>元素

4.节点操作与属性操作

创建元素节点：

$(selector)or$（element）or$(html)

将配到到的dom元素转换为jquery对象

插入节点：

$(a).append(b)b插入到a中

$(a).appendTo（b）b追加到a

$(a).prepend（b）b追加到a之前

$(a).prependTo（b）b追加到a之前

$(a).after（b）将b插入a之后

$(a).insertAfter（b）将a插入b之后

$(a).before(b)b插入a之前

$(a).insertBefore(b)a插入b之前

删除节点：remove(完全删除) detach（保留元素，删除内容） empty（类似remove，有残留）

$().remove([])

替换节点：replaceWith（） replaceAll（）

$().replaceWith()

负直接点：clone（）

$().clone([])

5.属性操作

获取与设置元素属性：

$().attr([name])

删除元素属性：

$().removeattr(name)