jQuery學習:

最好的學習方法:查看jQuery的API

jQuery下載:

jQuery官網:http://jquery.com/

其它網站:

http://www.bootcdn.cn/jquery
https://cdnjs.com/libraries/jquery

在線手冊:http://jquery.cuishifeng.cn/index.html

(注!jquery-2.0以上版本不再支持IE 6/7/8)

緩動函數速查表:jQuery.Easing 有很多動畫實現特效。

stop()與finish()區別:

stop:如果元素身上現在有多個運動,stop會停止元素身上現在正在執行的運動,然後開始隊列中下一個運動。

finish:如果元素身上現在有多個運動,finish會停止元素身上所有的運動,並且將元素的狀態立即調整為最後一個運動指定的目標狀態。

jQuery對屬性操作:

prop()和attr()屬性區別(在jQuery高版本中分工會更加明確):

prop一般用來操作元素的特定屬性,比如id,class,a標籤的href,img的src,input的value。(能給元素提供特殊功能或效果的屬性,就屬於特定屬性)

attr()一般用來操作元素的非特定屬性。

刪除屬性:removeAttr和removeProp

removeAttr可以刪除任意屬性,本質上是刪除屬性節點。

removeProp是將屬性的值刪掉。

對樣式的操作能用class操作盡量不要使用js和jquery去操作。(CSS類)

可使用:addClass(class|fn)、removeClass([class|fn])或返回值:jQuerytoggleClass(class|fn[,sw])

例如:


文檔處理-內容插入:

尾部添加:append(xxx尾部添加xx)、appendto(把xx添加到xxx尾部)

頭部添加:prepend(xxx頭部添加xx)、prependto(把xx添加到xxx頭部)

文檔處理-外部插入:

affter、insterAfter、before、insertBefore

文檔處理-包裹:

wrap給每一個選中的標籤加外部包裹結構

unwrap取消外部包裹

wrapAll把所有被選中的元素外層只包一個

wrapInner內容進行包裹

文檔處理-替換:

replaceWith(content|fn)和replaceAll(selector)

文檔處理-複製:

clone([Even[,deepEven]])

文檔處理-刪除:

empty() 清空元素內容

remove([expr]) 刪除元素,返回結果被刪除元素

detach([expr])刪除元素,返回結果被刪除元素

remove與detach的區別:

remove會將元素節點和他身上的事件效果都刪除。

detach只刪除元素節點,不刪除他身上的事件和效果

CSS——位置

offset:元素在當前可視窗口的相對偏移。

position():獲得有定位屬性的left值和top值

scrollTop ():獲取匹配元素相對滾動條頂部的偏移。

scrollLeft():獲取匹配元素相對滾動條左側的偏移。

CSS——尺寸

height內容高度

innerHeight內邊距+內容高度

outerHeight總高度(內容+內邊距+邊框)

事件——事件處理

on 綁定事件,給未來元素加事件


給新創建的元素加事件

off事件刪除

one綁定只執行一次的事件

hover(fn,fn); 兩個函數,第一個函數移入后響應,第二個函數移出相應。

trigger 觸發事件


觸發表單的submit事件

觸發a標籤的點擊事件


如有問題歡迎交流。

如轉載請註明出處,謝謝!