DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 插件學習(三)
jquery 插件學習(三)
編輯:JQuery特效代碼     
例如:
. 代碼如下:
$(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);
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved