jQuery 中階程式設計班

【jQuery 進階選取器】

• 基本的選取器 #id, .class, tagName
• 基本選取器
• 可見性選取器
• 子元素選取器
• 表單對象屬性選取器

• 層級選取器
• 內容選取器
• 屬性選取器
• 表單選取器

【再論事件綁定】

• jQuery 的事件綁定 bind(), unbind()
• 滑鼠事件 mouseover(), mouseout()
• 滑鼠事件 mousedown(), hover()
• window 事件 load(), scroll(), resize()
• 讓事件能永存 live(), die()
• 判斷圖片是否失連 load(), error()
• 滑鼠移動事件 mousemove()
• 滾輪事件 mousewheel()

• 互動事件 click(), change(), foucs(), blur()
• 鍵盤事件 keydown(), keypress(), keyup()
• 間接事件綁定trigger(), triggerHandler()
• 自訂滑鼠游標
• 浮動式廣告 scroll()
• 滾輪滾輪控制廣告播放顯示

【透過 jQuery來完全控制HTML元素】

• 存取元素的屬性/值 attr(), removeAttr()
• 存取元素的 HTML, 內容及值
• html(), text(). val()
• 建立、移動、刪除HTML元素
• DOM 操作：append(), remove(), after()
• DOM 操作： before(), wrap()
• 表單步驟進階控制
• 水平多層選單 children()

• 存取元素的 CSS 屬性/值 css(), addClass()
• CSS 屬性/值 removeClass(), toggleClass()
• 網頁字型縮放
• List 清單左右互動 appenTo()
• 區塊等高 height(), width()
• 動態載入圖片
  

【讓網頁動起來】

• 顯示及隱藏 show(), hide(), toggle()
• 淡入及淡出 fadeIn(), fadeOut(), fadeTo()
• 進階動畫 animate(), stop()
• 讓 animate() 支援更多的 css 屬性
• 選單動畫 offset()
• 廣告切換展示
• 手風琴式的廣告展示
• 商品展示效果 find()

• 滑入及滑出 slideUp(), slideDown()
• 更多的動畫效果
• 折疊訊息選單
• 單頁式網站設計 scroll(), resize()
• 不間斷輪播式訊息 after(), before()
• 打字效果跑馬燈
  

【實用的jQuery套件 - 開發外掛】

• 記住使用者的設定及資料 Cookie
• Mac選單我也有 IconDock
• 燈箱效果(幻燈片) ThickBox
• 幫動畫加上緩衝效果 jQuery.easing
• 滑鼠滾輪的偵測 mousewheel()
  

• 右鍵選單 ContextMenu
• 頁籤選單 Tabs
• 自製區塊等高外掛 jQuery.equalheight
• 自製水平多層選單外掛 jQuery.submenu