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大小