1.jQuery基本了解：

　　JQuery是一個開源的JavaScript庫，創始人John Resig

2.jQuery的開始準備：

　　$(document).ready(function() {方法});在沒有document ready function以前，你的代碼會在HTML沒有渲染完成就執行，這樣會產生bug。　　

3.jQuery選擇器：

　　基本選擇器：

　　　　標簽選擇器：按HTML元素的標簽名稱進行選擇　　$("button").addClass("animated bounce");

　　　　id選擇器：取得文檔中指定id的元素　　$(".text-primary")

　　　　類選擇器：根據CSS類進行選擇　　$("#target6").addClass("animated fadeOut")

　　　　可以定位body元素　　$("body").addClass("animated hinge");

4.jQuery的文檔操作：

　　html()　　1.返回元素內容（若未設參數，則返回被選元素當前日容）　　$(selector).html()

　　　　　　 2.設置元素內容（覆蓋所有匹配元素內容）　　$(selector).html(content)

　　remove()　　移除被選元素，包括文本和子節點　　$(selector).remove

　　　　　　　　該方法不會把匹配的元素從 jQuery 對象中刪除，因而可以在將來再使用這些匹配的元素。

　　　　　　　　但除了這個元素本身得以保留之外，remove() 不會保留元素的 jQuery 數據。其他的比如綁定的事件、附加的數據等都會被移除。這一點與 detach() 不同

　　appendTo()　　在被選元素的結尾（仍然在內部）插入指定內容　　$("#target2").appendTo("#right-well");

　　clone()　　生成被選元素的副本，包含子節點、文本和屬性。　　$(selector).clone(includeEvents);

　　　　　　　includeEvents

5.jQuery的屬性操作方法：

　　addClass()　　像被選元素添加一個或多個類（空格分開），該方法不會移除已經存在的Class屬性　　$(selector).addClass(class)

　　removeClass()　　移除被選元素添加一個或多個類（空格分開），若括號內無規定參數，則移除所有類　　$(selector).removeClass(class)

6.jQuery的CSS操作：

　　css()　　1.返回css屬性（不支持簡寫的css屬性）　　$("p").css("color");取得第一個段落的 color 樣式屬性的值　　

　　　　　　 2.設置css屬性　　$("p").css("color","red");將所有段落元素設置為紅色　　

7.遍歷：　　

　　parent()　　獲得當前匹配元素集合中每個元素的父元素（沿 DOM 樹向上遍歷單一層級）　　

　　　　　　　 $("p").parent(".selected");　　查找每個段落的帶有 "selected" 類的父元素

　　children()　　返回被選元素的所有直接子元素。（沿 DOM 樹向上遍歷單一層級）

　　　　　　　　 $("div").children(".selected").css("color", "blue");　　找到類名為 "selected" 的所有 div 的子元素，並將其設置為藍色：　

8.其他：

　　$(".target:nth-child(2)").addClass("animated bounce");使用類目標或元素類型選擇所有第n個元素。（圖中target3/6上下跳動）　　

　　$(".target:even").addClass("animated shake");使用類目標定位所有偶數（圖中target1/5/6s）

請註意，jQuery是零索引的，這意味著，反直覺地：奇數選擇第二個元素，第四個元素等等。

Uferryman FCC學習記錄（三）—— jQuery