前言：熟悉jQuery的代碼是了解jQuery整個應用的核心與基礎，jQuery是一款優秀的js開發庫類，特別是對css和XPath的支持，使我們寫js變得更加方便！下面來重溫一下整個jQuery的知識，大家如果有javascript 開發基礎，對於學習jQuery是非常有幫助的。
------------------------------------------分割線------------------------------------------
jQuery權威指南 PDF版中文+配套源代碼 http://www.linuxidc.com/Linux/2013-10/91059.htm
jQuery實戰 中文PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90631.htm
《jQuery即學即用（雙色）》 PDF+源代碼 http://www.linuxidc.com/Linux/2013-09/90383.htm
鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm
jQuery完成帶復選框的表格行高亮顯示 http://www.linuxidc.com/Linux/2013-08/89406.htm
jQuery基礎教程(第4版) PDF 完整高清版+配套源碼 http://www.linuxidc.com/Linux/2014-03/98162.htm
--------------------------------------分割線 --------------------------------------
1. 熟悉JQuery的基礎用例，如果對Javascript的示例代碼比較熟悉的話，可以采用如下的函數代碼：
// 頁面加載完畢後的響應事件代碼列表如下：
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
2. jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。
基礎語法是：$(selector).action()
美元符號定義 jQuery，選擇符（selector）“查詢”和“查找”HTML 元素，jQuery 的 action() 執行對元素的操作，示例:
$(this).hide() - 隱藏當前元素
$("p").hide() - 隱藏所有段落
$(".test").hide() - 隱藏所有 class="test" 的所有元素
$("#test").hide() - 隱藏所有 id="test" 的元素
3. 選擇器式jQuery操作運算的核心, 下面列出所有的選擇器種類：
jQuery 元素選擇器：
jQuery 使用 CSS 選擇器來選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取所有 id="demo" 的 <p> 元素。
jQuery 屬性選擇器:
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
其他更多的選擇器與語法規則請參見jQuery語法規則書： http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
4. 事件是jQuery中的核心問題，如下是整個事件的關鍵：
$(document).ready(function) 將函數綁定到文檔的就緒事件（當文檔完成加載時）
$(selector).click(function) 觸發或將函數綁定到被選元素的點擊事件
$(selector).dblclick(function) 觸發或將函數綁定到被選元素的雙擊事件
$(selector).focus(function) 觸發或將函數綁定到被選元素的獲得焦點事件
$(selector).mouseover(function) 觸發或將函數綁定到被選元素的鼠標懸停事件
5. 解決jQuery 名稱沖突問題，jQuery 使用 $ 符號作為 jQuery 的簡介方式。
某些其他 JavaScript 庫中的函數（比如 Prototype）同樣使用 $ 符號。
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict()，幫助您使用自己的名稱（比如 jq）來代替 $ 符號。
6. jQuery的動作函數：(speed 或 duration 參數可以設置許多不同的值，比如 "slow", "fast", "normal" 或毫秒。)
6.1-顯示與隱藏函數：
$(selector).hide(speed,callback); --隱藏函數;
$(selector).show(speed,callback); --顯示函數;
可選的 speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是隱藏或顯示完成後所執行的函數名稱。
6.2-顯示與隱藏兩個動作的切換函數：
$(selector).toggle(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是 toggle() 方法完成後所執行的函數名稱。
6.3-淡入、淡出、以及淡入、淡出的切換函數；
$(selector).fadeIn(speed,callback); -- 淡入函數
$(selector).fadeOut(speed,callback); --淡出函數
$(selector).fadeToggle(speed,callback); --淡入、淡出的切換函數
可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是 fading 完成後所執行的函數名稱。
6.4-jQuery fadeTo() 方法
jQuery fadeTo() 方法允許漸變為給定的不透明度（值介於 0 與 1 之間）。
語法：$(selector).fadeTo(speed,opacity,callback);
必需的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度（值介於 0 與 1 之間）。
可選的 callback 參數是該函數完成後所執行的函數名稱。
6.5-上下滑動函數：
$(selector).slideDown(speed,callback); -- 往下滑動；
$(selector).slideUp(speed,callback); -- 往上滑動；
$(selector).slideToggle(speed,callback); -- slideDown與slideUp之間進行切換；
可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是滑動完成後所執行的函數名稱。
6.6-動畫功能：
jQuery animate() 方法用於創建自定義動畫。
語法： $(selector).animate({params},speed,callback);
必需的 params 參數定義形成動畫的 CSS 屬性。
可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是動畫完成後所執行的函數名稱。
6.7-停止動畫功能：
jQuery stop() 方法，jQuery stop() 方法用於停止動畫或效果，在它們完成之前。
stop() 方法適用於所有 jQuery 效果函數，包括滑動、淡入淡出和自定義動畫。
語法: $(selector).stop(stopAll,goToEnd);
可選的 stopAll 參數規定是否應該清除動畫隊列。默認是 false，即僅停止活動的動畫，允許任何排入隊列的動畫向後執行。
可選的 goToEnd 參數規定是否立即完成當前動畫。默認是 false。
因此，默認地，stop() 會清除在被選元素上指定的當前動畫。
7. jQuery方法鏈接調用：
$("#p1").css("color","red").slideUp(2000).slideDown(2000); --先變紅然後朝上滑動，之後朝下滑動；
8.jQuery操作DOM的能力，而DOM其實是jQuery的基礎核心，
jQuery 中非常重要的部分，就是操作 DOM 的能力， jQuery 提供一系列與 DOM 相關的方法，這使訪問和操作元素和屬性變得非常容易。獲得內容 - text()、html() 以及 val()
三個簡單實用的用於 DOM 操作的 jQuery 方法：
text() - 設置或返回所選元素的文本內容
html() - 設置或返回所選元素的內容（包括 HTML 標記）
val() - 設置或返回表單字段的值
下面的例子演示如何通過 jQuery text() 和 html() 方法來獲得內容：
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
更多詳情見請繼續閱讀下一頁的精彩內容： http://www.linuxidc.com/Linux/2014-09/106681p2.htm
