初識Jquery

JQuery是一個快速、簡潔的JavaScript框架，是繼Prototype以後又一個優秀的JavaScript代碼庫（或JavaScript框架）。

jQuery設計的宗旨是「write Less，Do More」，即倡導寫更少的代碼，作更多的事情。它封裝JavaScript經常使用的功能代碼，

提供一種簡便的JavaScript設計模式，優化HTML文檔操做、事件處理、動畫設計和Ajax交互。

 

快速獲取文檔元素

jQuery的選擇機制構建於Css的選擇器，它提供了快速查詢DOM文檔中元素的能力，並且大大強化了JavaScript中獲取頁面元素的方式。

提供漂亮的頁面動態效果

jQuery中內置了一系列的動畫效果，能夠開發出很是漂亮的網頁，許多網站都使用jQuery的內置的效果，好比淡入淡出、元素移除等動態特效。

建立AJAX無刷新網頁

AJAX是異步的JavaScript和ML的簡稱，能夠開發出很是靈敏無刷新的網頁，特別是開發服務器端網頁時，好比PHP網站，須要往返地與服務器通訊，若是不使用AJAX，每次數據更新不得不從新刷新網頁，而使用AJAX特效後，能夠對頁面進行局部刷新，提供動態的效果。

提供對JavaScript語言的加強

jQuery提供了對基本JavaScript結構的加強，好比元素迭代和數組處理等操做。

加強的事件處理

jQuery提供了各類頁面事件，它能夠避免程序員在HTML中添加太事件處理代碼，最重要的是，它的事件處理器消除了各類瀏覽器兼容性問題。

更改網頁內容

jQuery能夠修改網頁中的內容，好比更改網頁的文本、插入或者翻轉網頁圖像，jQuery簡化了本來使用JavaScript代碼須要處理的方式。

 

css()

注：css（）方法不只能獲取行內樣式，也能獲取非行內樣式

css()                                      

方法的參數有幾種設置方法，

css(name)                              

獲取某個元素的行內樣式

css([name1,name2,name3])    

獲取多個樣式，返回值是一個數組；

css('name',value)                    

設置行內樣式

css({

     name1:value1,

     name2:value2

})                                        

設置多個行內樣式

addClass( )方法

addClass（class） 給元素添加一個class

addClass( class1 class2 class3 )給元素添加多個class

removeClass(class)  給元素刪除一個class

removeClass(class1 class2 class3)給元素刪除多個class

toggleClass(class) 若是元素沒有當前class那麼添加，若是有那麼刪除

css方法

width()

height()

innerWidth() 包含內邊距（padding）

outerWidth()包含內邊距和邊框(padding border)

offset()  獲取某個元素相對於瀏覽器窗口(可視區域的距離)

position()獲取某個元素相對於父元素的偏移距離

scrollTop()獲取垂直滾動條的值；

scrollTop(value)設置垂直滾動條的值;

scrollLeft()獲取水平滾動條的值；

scrollLeft(value)設置水平滾動條的值;