jQuery_DOM操作

【原生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)：复制的节点也具有事件处理