鋒利的jQuery 讀書筆記

第一章認識jquery

1、鏈式操作方式

這是jquery中最具有特色的，即對發生在同乙個jquery物件上的一組動作，可以直接連寫而無需重複獲取物件。

2、jquery物件中不能使用dom物件的任何的方法，同時dom物件也不能使用jquery物件的方法。

3、為了區別dom物件和jquery物件，在定義變數的時候可以為jquery物件新增$字首。

4、jquery物件提供了兩種方法將jquery物件轉化為dom物件，分別為通過[index]、get(index)。把物件當做陣列處理，如果陣列長度為1，只取第乙個。

5、在某些情況下可能會出現jquery庫和其他類庫衝突的情況，在這種情況下可以通過複製jquery物件，自定義備用命名。

6、$("#ff") 獲取的是永遠是乙個物件，在網頁上沒有此元素，只能用物件的長度作為判斷的依據條件。

第二章 jquery選擇器

1、內容過濾器的過濾規則主要體現在文字內容的過濾和它所包含的元素的過濾兩種。對於文字內容的過濾可以通過filter()方法，eg: filter( "

:contains('佳能')

":contains('尼康')","

:contains('索尼')")

2、可見性過濾器:hidden (不可見) 和 :visible (可見)。

3、eq(index)只能匹配到乙個元素，而 :nth-child 可以匹配到每乙個符合條件的父元素的子元素。同時注意 nth-child(index) 的index是從 1 開始的，而 eq(index) 是從 0 開始的。

4、如果選擇器中含有 " . ", " # " , " ( ", " [ " 等特殊的符號時，要使用轉義字元 \\，例如：$('#id#b') 轉義為 $('#id\\#b')。

5、注意後代選擇器和過濾選擇器的區別，後代選擇器有空格，過濾選擇器沒有空格。

第三章 jquery中的dom操作

1、複製節點clone().

注意被複製的新元素並不具有任何的行為。如果需要新元素也具有複製功能，可以使用如下的jquery**。

在方法clone()中傳遞的引數true，含義是複製元素的同時複製元素中所繫結的事件。

2、有關替換元素的知識點。如果在替換之前，已經為元素繫結了事件，替換後原先繫結的事件也將會與被替換的元素一起消失，需要在新元素上重新繫結事件。

3、toggle()方法主要用於控制行為上的重複切換。另外toggleclass()方法用於控制樣式上的重複的切換，如果類名存在就刪除它，如果類名不存在就新增它。

4、window.onload 和 $(document).ready() 的區別：

window.onload()必須要等到每乙個載入完畢之後才可以執行js**。而$(document).ready() 是只要dom樹就緒了就可以進行操作了。

第四章 jquery中的事件和動畫

1、以前可以再css中新增過渡動畫和幀動畫，現在可以在js中通過animate()方法編寫前面兩種動畫。在使用的時候要注意在處於動畫的過程中，不要追加其他的動畫，以免造成動畫佇列不必要的累積，使效果出現問題。if(!$("comment").is(":animated")){};

2、trigger()用於模擬事件，通過另一種途徑觸發乙個事件。解除事件的方法unbind()。bind()方法可以為乙個元素繫結多個事件。

第五章 jquery對表單、**的操作和應用

1、end() 方法的應用

$("p").find("span").end().css("border", "2px red solid");

選擇所有段落，找到這些段落中的 span 元素，然後將它們恢復為段落，並把段落設定為兩畫素的紅色邊框。end()方法可以用來返回到最初的物件。

第六章 jquery 與 ajax的應用

1、伺服器返回的資料格式有許多種，其中包含 html（簡單但是重用性不好），xml (文件的體積相對較大，解析和操作他們的速度會慢一些，但是重用性高)，json（重用性高，而且相對xml體積小，容易解析）。

2、load()方法帶有引數傳遞的時候，會使用post方法傳送請求。

3、$.ajax()方法有許多常用的引數url 、 type 、timeout、data、datatype、beforesend、complete、success、error、global（預設為true，表示觸發全域性ajax事件）。