jQuery2

DOM

   　　一個參數            兩個參數       對象

　　　css()   獲取指定樣式屬性值    設置屬性值    設置多個屬性值

　　    attr    獲取指定屬性值      設置屬性值     設置多個屬性值

           Prop  獲取指定屬性值      設置屬性值     設置多個屬性值

　　　attr與prop區別  attr用於自定義屬性值  prop自帶屬性

刪除屬性

　　removeAttr() 

操控內容

　　html（ ）  沒參數是獲取,獲取匹配元素第一個的內容  

           　　　　　有參數是設置內容 ，設置所有的匹配元素

　　text()      　　沒參數是獲取,獲取匹配元素素有的文本內容  

           　　　　　有參數是設置內容 ，設置所有的匹配元素

　　val ()       　　沒參數是獲取,獲取匹配元素第一個的內容

  　　　　　　　　有參數是設置內容 ，設置所有的匹配元素

css樣式

　　addClass()   添加屬性 

　　removeClass() 刪除屬性名 

　　hasClass()  判斷是否有指定屬性名  返回布爾值 

　　toggleClass()  切換樣式

　　addClass  attr()  區別

　　addClass 不會改變原來的值，直接在後面添加

　　attr()    會重置，會改變原來的 值  

$(“<p></p>”) 創建標簽

父子關係 

　　a.append(b)  

　　b.appendTo(a)   把b添加到a的末尾 

　　a.prepend(b)     

　　b.prependTo(a)  把b添加到a的開頭

兄弟關係 

　　a.after(b)  

　　b.insertAfter(a)  把b添加到a的後面 

　　a.before(b)

　　b.insertBefore(a)    把b添加到a的前面

$(selector).remove()  刪除 

$(selector).empty() 清空

$(selector).clone()  預設參數是false 只複製樣式  如果參數true 複製功能(綁定的事件)和樣式  

a.replaceWith(b)  用b來替換a

包裹方法

　　A.wrap(b)

　　A.wrapInner(b)

　　A.wrapAll(b)

　　.size() ==.length  返回長度 

　　對象.index()  返回當前元素的索引值 最好傳入參數 

　　.toArray()  返回數組的形式

　　mouseover 輸入移入

　　mouseenter 滑鼠移入  不支持冒泡

　　mouseout

　　mouseleave  滑鼠移出  不支持冒泡

　　mousedown   滑鼠按下

　　mouseup  滑鼠抬起

　　mousemove 滑鼠移動

　　click      滑鼠點擊

　　dblclick    滑鼠雙擊  

　　contextmenue  滑鼠右鍵  

表單事件

　　Change  改變內容榮

　　Focus   獲取焦點事件

　　Blur    失去焦點事件

　　Submit  提交事件 

　　Keydown   鍵盤按下

　　Keyup     鍵盤抬起

對象。事件名()

　　$(selector).click(function(){})

　　$(selector).on(event.type,function(){})

　　$(selector).bind(event.type,function(){})

　　Off()  unbind()  事件移除

　　Hover()  複合事件   

　　Hover(function(){

 　　　　 移入

　　},function(){

　　　　  移出

　　})

事件類型  event.type    事件名

事件源    event.target  返回觸發事件的對象

PageX pageY   返回x,y軸坐標

Event.preventDefault()    阻止預設事件

Event.stopPropagation()   阻止事件冒泡

事件委托

　　Delegate(childSelector,事件名,function(){})

　　On(事件名，childSelector,function(){})

事件命名空間

　　$(“div”).on(“click.ss”,fn)

　　$(“div”).off(“.ss”)

所有動畫方法都可以傳入兩個基本的參數

時間  毫秒數  英文單詞  fast normal slow

200  400  600

函數  當動畫完成之後執行該函數

Hide()   隱藏

show() 顯示

Toggle()  切換

fadeIn()

fadeOut()

fadeToggle()

fadeTo(時間，透明度，fn)   最後會停留在指定的透明度

SlideDown()   顯示 划出

SlideUp()    隱藏 收齊   以css為正方向 向下或者是向上

SlideToggle()  切換

自定義動畫 

　　Animate({“key:value”},時間,function(){})

　　參數 value = 10  value  +=10;

 　　Animate({“key:value”},時間,function(){}).Animate({“key:value”},時間,function(){})

　　Stop();