【原生DOM操作】
- 获取节点：getElementBy...
- 创建节点：createElement
- 遍历节点：
- 替换节点：replace(ele1,ele2)
- 删除节点：remove(ele)
- 插入节点：appendChild(ele)/insertBefore(ele1,ele2)
- 复制节点：clone
【jQuery中的DOM操作】
【基本操作】
- html()：类似于原生DOM中和innerHTML
* 获取：html()
* 设置：html(html代码)
- val()：类似于原生DOM中的value
* 获取：val()
* 设置：val(value)
- text()：类似于原生DOM中的textContent
* 获取：text()
* 设置：text(文本内容)
- attr()：获取或设置指定元素的属性
* 获取：attr(attrName) 类似getAttribute()
* 设置：attr(attrName,attrValue) 类似setAttribute()
* 移除：removeAttr() 类似removeAttribute()
【类操作】
- attr("class",classValue) 设置
- addClass() - 追加样式
- removeClass() - 删除样式
* 传参数：删除指定样式
* 不传参数：删除全部样式
- toggleClass() - 切换样式
* 只接受一个参数时，在没有样式和指定样式之间切换
- hasClass() - 判断样式
【样式操作】css
- css(name) - 访问第一个匹配元素的样式属性
- css(name,value) - 设置一个样式属性的值
- css(options) 一次性设置多个样式属性的值
* options：{name1:value1;name2:value2;...}
- css(name,function(index,value)) - 为多个匹配到的元素设置一个样式属性的值
【节点操作】
【遍历节点】
- parent()
- children()
- next()
- prev()
- siblings()
- find(expr) - 在指定的节点中查找指定内容
* 查找指定节点的后代节点
【创建节点】
- 元素节点：$(HTML代码)
- 文本节点：text()
- 属性节点：attr()
- jQuery：$(HTML代码)
【删除节点】
- remove() - 删除自身以及后代节点
- empty() - 删除后代节点，但是保留自身
【插入节点】
【内部插入】
- append()：作为最后一个子节点插入
- prepend()：作为第一个子节点插入
【外部插入】
- after()：作为下一个兄弟节点插入
- before()：作为上一个兄弟节点插入
【替换节点】
- replaceWith()：将所有匹配到的元素替换成指定的HTML或DOM元素
- replaceAll：颠倒了的replaceWith
【复制节点】
- clone()
- clone(true)：复制的节点也具有事件处理