jquery 插件學(xué)習(xí)（三）
更新時間：2012年08月06日 22:08:02 作者：
用慣jquery的用戶可能習(xí)慣于連寫行為，也就是說在調(diào)用一個方法之后，緊跟著調(diào)用另一個方法，如此連寫不斷，形成一個珍珠鏈，而且編寫靈活，方便
例如：
$(this).test().hide().height();
要實(shí)現(xiàn)類似的連寫行為，就應(yīng)該在每個插件方法中，返回一個jquery對象，除非方法需要明確返回值。返回的jquery對象通常就是this所引用的對象。如果使用each()方法迭代this，則可以直接返回迭代的結(jié)果。針對上一節(jié)的示例，進(jìn)一步修改
jQuery.fn.test = function(){
return this.each(function(){ //遍歷匹配的元素，此處的this表示對象集合
alert(this.nodeName); //提示當(dāng)前jquery對象的dom節(jié)點(diǎn)名稱
})
}
然后，我們就可以在應(yīng)用示例中連寫行為了，例如，在下面的示例中，先彈出提示節(jié)點(diǎn)的名稱的信息，然后使用當(dāng)前節(jié)點(diǎn)名稱改寫當(dāng)前元素內(nèi)包含的信息，最后在慢慢隱藏該元素。
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
復(fù)制代碼 代碼如下:
$(this).test().hide().height();
要實(shí)現(xiàn)類似的連寫行為，就應(yīng)該在每個插件方法中，返回一個jquery對象，除非方法需要明確返回值。返回的jquery對象通常就是this所引用的對象。如果使用each()方法迭代this，則可以直接返回迭代的結(jié)果。針對上一節(jié)的示例，進(jìn)一步修改
復(fù)制代碼 代碼如下:
jQuery.fn.test = function(){
return this.each(function(){ //遍歷匹配的元素，此處的this表示對象集合
alert(this.nodeName); //提示當(dāng)前jquery對象的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)文章
jquery實(shí)現(xiàn)手機(jī)號碼選號的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)手機(jī)號碼選號的方法,涉及jquery針對手機(jī)號碼的分析與篩選技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery驗(yàn)證郵箱格式并顯示提交按鈕，只有輸入email地址正確才顯示提交按鈕演示，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)隱藏和顯示動畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
自己以前做的列表雙向選擇器，感覺有點(diǎn)挫，昨天閑著沒事改進(jìn)了一下，把元素改成了select option這樣就支持shift多選，感覺好多了2013-08-08
jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對象功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對象功能,結(jié)合實(shí)例形式分析了表單數(shù)據(jù)傳輸中使用serializeJson進(jìn)行序列化操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了jQuery操作Table技巧,實(shí)例匯總了jQuery針對Table的鼠標(biāo)響應(yīng)、樣式修改、添加刪除等常用技巧,需要的朋友可以參考下2016-01-01
使用jQuery的ajax功能實(shí)現(xiàn)的RSS Reader 代碼
Rss閱讀器挺不錯的。我覺得如果在igoogle或是dropthings這種形式的portal下來放很多RSS模塊顯示自己每天需要關(guān)注的信息那將會減少大家很多的打開瀏覽器和輸入網(wǎng)址的時間。2009-09-09
jQuery彈性滑動導(dǎo)航菜單實(shí)現(xiàn)思路及代碼
用一個絕對定位的div作為動畫滑塊,改變它的left屬性來呈現(xiàn)動畫效果javascript：hover()觸發(fā)移動鼠標(biāo)到導(dǎo)航nav的動作，和移出導(dǎo)航nav的動作2013-05-05
jquery+php隨機(jī)生成紅包金額數(shù)量代碼分享
這篇文章主要介紹了jquery+php隨機(jī)生成紅包金額數(shù)量實(shí)現(xiàn)代碼，紅包數(shù)量與金錢可以自己設(shè)定，很實(shí)用的代碼，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
基于jquery的拖動布局插件，需要的朋友可以參考下。2011-11-11