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的样式值