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

更新時(shí)間：2012年08月06日 22:14:15 作者：

把其中的參數(shù)默認(rèn)值作為$.fn.color對(duì)象的屬性單獨(dú)進(jìn)行設(shè)計(jì)，然后借助jquery.extend方法，覆蓋原來(lái)的參數(shù)選項(xiàng)即可

 
;(function($){ 
$.extend($.fn,{ 
color : function(options){ 
var options = $.extend({},$.fn.color.defaults,options); 
return this.each(function(){ 
$(this).css("color",options.bcolor); 
$(this).css("background",options.fcolor); 
}); 
}//color==end 
}) 
$.fn.color.defaults ={bcolor :"white",fcolor :"black"} 

})(jQuery); 

復(fù)制代碼代碼如下:

 
$.fn.color.defaults ={bcolor:"#c06",fcolor:"red"}//寫自己的參數(shù)，設(shè)置顏色 
$('h1').color(); 
$('p').color({bcolor:"#fff"});//重復(fù)覆蓋北背景色為白色，默認(rèn)設(shè)置字體 

上面的調(diào)用，有寫在外面的，有寫在（）里的，你學(xué)會(huì)了嗎？這節(jié)的參數(shù)詳細(xì)說(shuō)明就到這里了，歡迎來(lái)到我的學(xué)習(xí)小天地。網(wǎng)上搜下插件學(xué)習(xí)，鋪天蓋地，卻沒(méi)有個(gè)真正解決我的問(wèn)題，我仔細(xì)鉆研，希望你在這里學(xué)到你想要的東西。

您可能感興趣的文章:

jquery插件

相關(guān)文章

jQuery的ready方法詳解
本文主要介紹了jQuery的ready方法的使用方法，用此方法實(shí)現(xiàn)了當(dāng)爺們加載完成后才執(zhí)行的效果，有相同需求的小伙伴可以參考下。
2014-11-11
jquery的$().each和$.each的區(qū)別
今天小編就為大家分享一篇關(guān)于jquery的$().each和$.each的區(qū)別，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-01-01
jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼
開(kāi)發(fā)前期用自動(dòng)生產(chǎn) 固定大小的圖片進(jìn)行顯示，發(fā)現(xiàn)不能滿足，在前期的時(shí)候把保存了原圖，現(xiàn)在只能顯示原圖，原圖由于上傳時(shí)候沒(méi)有做任何限制所有要使用圖片不完全按比例縮小，下面是代碼
2013-07-07
jQuery中[attribute!=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute!=value]選擇器用法,實(shí)例分析了[attribute!=value]選擇器匹配不包含指定屬性元素的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
JQuery的Alert消息框插件使用介紹
沒(méi)有厭倦了原來(lái)那alert那個(gè)風(fēng)格，總是一個(gè)感嘆號(hào)。有時(shí)使得UE不好，今天我們介紹使用Jquery Alert插件，使用它可以用來(lái)替換JScript中的alert,confirm,prompt。
2010-10-10
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-11-11
基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)頁(yè)面搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
jquery 操作表格實(shí)現(xiàn)代碼(多種操作打包)
最近做東西需要對(duì)表格進(jìn)行操作，用到的動(dòng)作包括:添加一行數(shù)據(jù)、刪除一行數(shù)據(jù)、上下移動(dòng)數(shù)據(jù)，網(wǎng)上找了很多，但是不能完全滿足我的需求，自己琢磨了下，搞了個(gè)這個(gè)東東
2011-03-03
jQuery中ScrollTo用法示例
這篇文章主要介紹了jQuery中ScrollTo用法,結(jié)合實(shí)例形式分析了jQuery中ScrollTo的功能、使用方法與相關(guān)操作技巧,需要的朋友可以參考下
2016-09-09
讀jQuery之五（取DOM元素）
使用過(guò)Prototype.js的同學(xué)知道$(xx)調(diào)用后返回的是HTMLElement或其集合。
2011-06-06