欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 插件學(xué)習(xí)（三）

 更新時(shí)間：2012年08月06日 22:08:02   作者：  
用慣jquery的用戶可能習(xí)慣于連寫行為，也就是說(shuō)在調(diào)用一個(gè)方法之后，緊跟著調(diào)用另一個(gè)方法，如此連寫不斷，形成一個(gè)珍珠鏈，而且編寫靈活，方便
例如：
復(fù)制代碼 代碼如下:

$(this).test().hide().height();

要實(shí)現(xiàn)類似的連寫行為，就應(yīng)該在每個(gè)插件方法中，返回一個(gè)jquery對(duì)象，除非方法需要明確返回值。返回的jquery對(duì)象通常就是this所引用的對(duì)象。如果使用each()方法迭代this，則可以直接返回迭代的結(jié)果。針對(duì)上一節(jié)的示例，進(jìn)一步修改
復(fù)制代碼 代碼如下:

jQuery.fn.test = function(){
return this.each(function(){ //遍歷匹配的元素，此處的this表示對(duì)象集合
alert(this.nodeName); //提示當(dāng)前jquery對(duì)象的dom節(jié)點(diǎn)名稱
})
}

然后，我們就可以在應(yīng)用示例中連寫行為了，例如，在下面的示例中，先彈出提示節(jié)點(diǎn)的名稱的信息，然后使用當(dāng)前節(jié)點(diǎn)名稱改寫當(dāng)前元素內(nèi)包含的信息，最后在慢慢隱藏該元素。
復(fù)制代碼 代碼如下:

$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});

相關(guān)文章

最新評(píng)論