jQuery鏈式呼叫

鏈式**

$('input[type="button"]')

.eq(0).click(function() ).end().eq(1)
.click(function() ).end().eq(2)
.toggle(function() , function() );

找出type型別為button的input元素

找到第乙個按鈕，並繫結click事件處理函式

返回所有按鈕，再找到第二個

為第二個按鈕繫結click事件處理函式

為第三個按鈕繫結toggle事件處理函式

jquery的這種管道風格的dsl鏈式**，總的來說：

節約js**；

所返回的都是同乙個物件，可以提高**的效率。

通過簡單擴充套件原型方法並通過return this的形式來實現跨瀏覽器的鏈式呼叫。利用js下的簡單工廠方法模式，來將所有對於同乙個dom物件的操作指定同乙個例項。

這個原理就超簡單了,如下**：

aquery().init().name()

a = aquery();

a.init()
a.name()

aquery.prototype = ,

name: function() 
}

所以我們如果需要鏈式的處理，只需要在方法內部方法當前的這個例項物件this就可以了，因為返回當前例項的this，從而又可以訪問自己的原型了，這樣的就節省**量，提高**的效率，**看起來更優雅。但是這種方法有乙個問題是：所有物件的方法返回的都是物件本身，也就是說沒有返回值，所以這種方法不一定在任何環境下都適合。

學習jQuery鏈式呼叫

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

jquery鏈式呼叫 作用

鏈式操作就是分步驟地對jquery物件實現各種操作，舉個栗子 test css color red show 200 removeclass style 上面的例子就是鏈式操作，在一行 裡，對id為test的物件進行了三項操作 先設定其字型顏色為紅色，再顯示物件，最後移除物件的 style 這個樣式...

jquery中鏈式呼叫原理

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