jQuery是什麼

基礎知識

jQuery是js庫，能夠幫助我們輕鬆實現一些原本比較麻煩的功能

jquery每個版本分為兩個小版本：壓縮版與未壓縮版，壓縮版檔案較小

但是沒有排版和註釋，不方便閱讀，未壓縮版檔案較大，有排版和註釋，方便閱讀

jQuery實際上就是一個js檔案，載入到頁面就可以直接使用

可以通過 CDN(content Distrubute net)來引用jQuery

基本語法

選擇器

基本選擇器

1.id選擇器 $("#idName")

2.類選擇器 $(“className”)

3.元素選擇器$(“TagName(標籤名)”)

4.選擇所有元素("*")

5.選擇器分組$(“選擇器1，選擇器2，選擇器3”)

層次選擇器

1.後代元素 $(組選元素 後代元素)

2.子元素$(“父元素》子元素”)

3.下一個兄弟元素$(“前一個+後一個”)

4.下面所有兄弟元素$(“前一個~後面所有的”)

過濾選擇器

選擇p標籤的第一個

$(“p:first”)

選擇所有具有那麼屬性的標籤

$(“p[name]”)

選擇那麼屬性等於#的標籤

$(“p[name=’#’]”)

常見DOM事件

滑鼠事件

click ：單擊事件

dblclick：雙擊事件

mouse enter：滑鼠移入

mouseleave：滑鼠移出

hover：模仿懸停事件

鍵盤事件：

keyup：抬起

keydown：按下

keypress：鍵盤編碼

表單事件

submit：表單提交事件

change：表單改變事件

focus：獲得焦點事件

blur：失去焦點

視窗/文件事件

load：載入完觸發事件

resize：調整視窗大小觸發事件

scroll：滾動視窗觸發事件

unload：關閉視窗觸發