jquery鏈式調用 作用

鏈式操作就是分步驟地對jQuery對象實現各種操作，舉個栗子：
$("#Test").css('color','red').show(200).removeClass('style');

上面的例子就是鏈式操作，在一行代碼裏，對id爲Test的對象進行了三項操作：先設置其字體顏色爲紅色，再顯示對象，最後移除對象的“style”這個樣式。再炒個板栗：
$("#Test").addClass('style').find("div").eq(0).fadeOut(200);

上面的例子意爲：先爲id爲Test的對象添加"style"這個樣式，再找尋其下的第一個div標籤，並使其淡出。

通過上面的兩個例子不難看出鏈式操作就是圍繞一個jQuery對象進行的，很簡單吧？


爲什麼要用鏈式操作呢？原因有兩個：

代碼更精簡。鏈式操作能大大精簡代碼量，多項操作一行代碼一氣呵成，搞定；

優化性能。使用鏈式操作，所有操作代碼共享一個jQuery對象，省去了逐步查詢DOM元素的性能損耗。