dom操做 属性操做 样式操做

jQuery DOM操做

1 插入子元素

append('<img>') 插后面 被插入元素调用 appendTo('<img scr="...">') 新元素调用 prepend() 插前面 prependTo() 

2 插入兄弟元素

after()                     插后面 被插入元素调用 insertafter() 新元素调用 before() 插前面 insertbefore() 

3 包裹

wrap()                      全部元素分别添加一个父元素 wrapAll() 添加一个共同的父元素 wrapInner() 添加一个子元素，该元素包裹在全部子元素外 unwrap() 删除一个父元素 

4 替换

replaceWith('新元素') 被替换元素调用 replaceAll() 新元素调用 

5 删除

empty()                     删除全部子节点 remove() 删除调用元素本身 

6 克隆

clone()                     克隆 

jQuery属性操做

1 属性

attr(attrName,[value])      单个参数查看，两个设置 能够用于内置属性和自定义属性 prop(attrName,[value]) 单个参数查看，两个设置 能够用于内置属性 removeAttr(attrName) removeProp(attrName) 

2 类

addClass()                  添加 removeClass() 删除 toggleClass() 自动 hasClass() 返回布尔值 

3 文本值

html([html])                等同于innerHTML 没有参数获取，有参数则设置 text([text]) 等同于innerText没有参数获取，有参数则设置 val([val]) 用于表单控件 设置或获取 

jQuery样式操做

1 CSS操做

css('属性','值') css('属性') 

2 元素位置

offset()                    相对于视口 能够获取能够设置 返回对象{left:,top:} position() 相对于第一个定位的祖先元素，margin减掉，只能获取 scrollLeft() 控制里面内容的滚动 水平 scrollTop() 控制里面内容的滚动 垂直 

3 尺寸

width()/height() 内容大小 innerWidth() 内容+padding大小 outerWidth() 内容+padding+border大小