例如:
. 代碼如下:
$(this).test().hide().height();
要實現類似的連寫行為,就應該在每個插件方法中,返回一個jquery對象,除非方法需要明確返回值。返回的jquery對象通常就是this所引用的對象。如果使用each()方法迭代this,則可以直接返回迭代的結果。針對上一節的示例,進一步修改
. 代碼如下:
jQuery.fn.test = function(){
return this.each(function(){ //遍歷匹配的元素,此處的this表示對象集合
alert(this.nodeName); //提示當前jquery對象的dom節點名稱
})
}
然後,我們就可以在應用示例中連寫行為了,例如,在下面的示例中,先彈出提示節點的名稱的信息,然後使用當前節點名稱改寫當前元素內包含的信息,最後在慢慢隱藏該元素。
. 代碼如下:
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});