jquery的DOM元素操作

1.将DOM元素插入现有的元素中

dom.append(target):将target元素添加到dom元素内部的末尾

target.appendTo(dom)：将target元素添加到dom元素内部的末尾

dom.html():获取dom元素的html内容，若html当中有值则是设置dom元素的html内容为给定的值。

dom.text():获取dom元素的合并文本，包括其后代的文本内容。

dom.prepend(target):将target元素添加到dom元素内部的开头位置

target.prependTo(dom):将target元素添加到dom元素内部的开头位置

2.将DOM元素插入现有元素外

dom.after(target):将target元素放在dom元素后面作为兄弟节点

dom.before(target):将target元素放在dom元素前面作为兄弟节点

target.insertAfter(dom):将target元素放在dom元素后面作为兄弟节点

target.insertBefore(dom):将target元素放在dom元素前面作为兄弟节点

3.DOM元素移除

dom.detach():移除所有匹配的dom元素

dom.empty():从集合中移除匹配的dom子节点

dom.remove():删除匹配的dom元素及其子元素

dom.remove(selector):删除指定选择器的dom元素及其子元素

dom.unwrap():将匹配元素集合的父级元素删除，保留本身和兄弟元素不动。

4.DOM元素替换

dom.replaceAll(target):将dom元素全部替换为target元素

dom.replaceWith(content):将dom元素替换为content并返回dom元素集合

5.常用操作

attr("attribute"[,value]):获取或设置元素属性的值，jquery1.6+

prop(propertyName):判断元素的属性是否存在，jquery1.6+

removeAttr(attr):移除一个元素属性

removeProp(propertyName):移除一个属性

val():获取元素当前的值

addClass(calssName)：为元素添加一个样式

removeClass(className)：为元素移除一个样式

toggleClass(className):对被选元素进行添加和删除className样式的切换操作

css(cssName[,cssValue]):获取或设置cssName的样式值