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)