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();