Jquery基礎教程第二版學習記錄

本文僅爲我的jquery基礎的學習，簡單的記錄以備忘。

在線手冊：http://www.php100.com/manual/jquery/
第一章：jquery入門
基礎jquery知識:jquery能作什麼；爲何須要jquery。

第二章：選擇符
工廠函數$()
css選擇符
屬性選擇符
自定義選擇符
DOM遍歷方法

第三章：事件
jQuery.noConflict([extreme])：運行這個函數將變量$的控制權讓渡給第一個實現它的那個庫。
經常使用方法：(包括鍵盤，鼠標事件)
blur([[data],fn]) change([[data],fn])
click([[data],fn]) dblclick([[data],fn])
error([[data],fn])
focus([[data],fn]) focusin([data],fn) focusout([data],fn)
keydown([[data],fn]) keypress([[data],fn]) keyup([[data],fn])
mousedown([[data],fn]) mouseenter([[data],fn]) mouseleave([[data],fn]) mousemove([[data],fn]) mouseout([[data],fn]) mouseover([[data],fn]) mouseup([[data],fn])
resize([[data],fn]) scroll([[data],fn])
select([[data],fn]) submit([[data],fn])
unload([[data],fn])

事件綁定，冒泡。。。參考文章：【http://kb.cnblogs.com/page/94469/ jQuery的.bind()、.live()和.delegate()之間區別_知識庫_博客園】
事件處理：
on(eve,[sel],[data],fn) off(eve,[sel],[fn]) bind(type,[data],fn) unbind(type,[data|fn]) one(type,[data],fn)
trigger(type,[data]) triggerHandler(type, [data])
事件委派
live(type,[data],fn) die(type,[fn])
delegate(sel,[type],[data],fn) undelegate([sel,[type],fn])
阻止默認事件及中止傳播：
preventDefault方法：阻止它的默認行爲的發生而發生其餘的事情
stopPropagation方法：阻止js事件冒泡的做用
經過.trigger()在每個匹配的元素上觸發某類事件。

第四章：效果
主要經過.css()和.animate()來漸進加強頁面的功能
基本
show([speed,[easing],[fn]]) hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])
滑動
slideDown([spe],[eas],[fn]) slideUp([speed,[easing],[fn]]) slideToggle([speed],[easing],[fn])
淡入淡出
fadeIn([speed],[eas],[fn]) fadeOut([speed],[eas],[fn]) fadeTo([[spe],opa,[eas],[fn]]) fadeToggle([speed,[eas],[fn]])
自定義
animate(param,[spe],[e],[fn])
stop([cle],[jum])1.7* delay(duration,[queueName])

第五章：DOM操做
要在HTML中建立新元素，使用$()工廠函數
內部插入
append(content|fn) appendTo(content) prepend(content|fn) prependTo(content)
外部插入
after(content|fn) before(content|fn) insertAfter(content) insertBefore(content)
包裹
wrap(html|ele|fn) unwrap() wrapall(html|ele) wrapInner(html|ele|fn)
替換
replaceWith(content|fn) replaceAll(selector)
刪除
empty() remove([expr]) detach([expr])
複製
clone([Even[,deepEven]])

第六章：AJAX
經過AJAX主要引入四種數據格式：HTML,JSON,Javascript,XML
ajax 請求
$.ajax(url,[settings]) load(url,[data],[callback]) $.getJSON(url,[data],[fn]) $.getScript(url,[callback])
$.get(url,[data],[fn],[type]) $.post(url,[data],[fn],[type])
ajax 狀態方法
ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop(callback) ajaxSuccess(callback)

第七章：表格操做
經過表格案例，介紹了jquery的使用。
1.表格的排序和分頁
2.修改表格外觀：突出顯示行，工具提示條，摺疊擴展，篩選

第八章：構建功能型表單
1.表單的前端驗證（必填字段，內容格式驗證）
2.ajax收索功能
3.兼容性的字段佔位符
4.處理方向鍵（使用方向鍵選擇）
5.對數字型表單的操做（購物車功能，修改件數，刪除內容）

第九章：滑動和翻轉
1.滑動顯示新聞
2.ajax獲取新聞，ajax的使用
3.圖像傳送帶（點擊滑動圖像，放大鏡效果，延遲加載動畫）

第十章：使用插件
推薦插件：
表單類：

• Autocomplete(用戶填寫文本輸入時，顯示可能的匹配列表),
• Validation(基於各類標準驗證表單輸入字段),
• jeditable(相應用戶某些操做——如單擊或雙擊時，將非表單元素轉化爲能夠編輯的輸入字段，修改後的內容能夠自動發回服務器保存),
• Masked input(爲輸入特定格式提供了便利，如日期、電話號碼、郵編等)

表格類：

• Tablesorter(把表格元素轉化爲無需刷新便可自動排列的表格),
• jqGrid(ajax驅動的javascript控件，支持在web頁面動態展現和操做表格數據),
• Felxigrid(與jqGrid相似),

圖像類：

• jcrop(裁剪圖像),
• Magnify(放大鏡效果，生成放大鏡),

對話框類——功能都相似，彈出框，對話框；通常FancyBox比較經常使用

• FancyBox, Thickbox, BlockUI, jqModal

圖表類——功能相似，使用canvas生成圖表

• Flot, Sparklines,

事件類：

• hoverIntent(與hover相似，但它能夠根據用戶鼠標指針移入或移除元素作出反應，特別適合下拉菜單動畫),
• Live query(與live相似)

第十一章：插件的製做
插件的製做，不過，這篇文章http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html更詳細