jquery鏈式呼叫 作用

2021-09-02 11:51:23 字數 500 閱讀 5019

鏈式操作就是分步驟地對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元素的效能損耗。

jQuery鏈式呼叫

鏈式 input type button eq 0 click function end eq 1 click function end eq 2 toggle function function 找出type型別為button的input元素 找到第乙個按鈕,並繫結click事件處理函式 返回所有...

學習jQuery鏈式呼叫

jquery物件的方法會在執行完後返回這個jquery物件,所有jquery物件的方法可以連起來寫 div1 id為div1的元素 children ul 該元素下面的ul子元素 slidedown fast 高度從零變到實際高度來顯示ul元素 parent 跳到ul的父元素,也就是id為div1的...

jquery中鏈式呼叫原理

1 鏈式呼叫 mybtn css width 100px css height 100px css background red 2 在對屬性進行操作時建議使用json形式控制樣式 mybtn css 3 事件中this的指向 事件中this的指向 jquery中提示了乙個方法,該方法可以將原生js...