話不多說(shuō)冲粤，直接上代碼
$.fn.highlight=function(options){
var opts = $.extend({}, $.fn.highlight.defaults, options);
this.css('backgroundColor', opts.backgroundColor).css('color', opts.color);
return this;//注意返回this，以保證jquery對(duì)象的鏈?zhǔn)秸{(diào)用
}
//此函數(shù)從來(lái)綁定用戶自定義方法洛巢。$.entend(targets,options1,options2,...)用來(lái)獲取一些列樣式對(duì)象到targets挟裂，遇到同名則后一個(gè)起作用朱嘴，也就是越往后優(yōu)先級(jí)越高。
//在這里，第一個(gè)參數(shù)就是我們的默認(rèn)值振愿，適用于無(wú)參調(diào)用的情況捷犹。
//第二個(gè)參數(shù)是我們傳進(jìn)去的樣式參數(shù)。
//設(shè)置默認(rèn)值是為了方便用戶自定義和簡(jiǎn)便無(wú)參調(diào)用
$.fn.highlight.defaults={
backgroundColor:'blue',
color:'red'
}//設(shè)置默認(rèn)的方法
// 也可以這樣設(shè)置
// $.fn.highlight.defaults.backgroundColor='blue'
// $.fn.highlight.defaults.color='blue'
window.onload=function(){
var a=$('#test-highlight');
var b1=$('#b1');
var b2=$('#b2');
b1.click(function(){
// alert('success!');
a.highlight();//無(wú)參調(diào)用冕末，高亮樣式為用戶設(shè)置的默認(rèn)值
});
b2.click(function(){
a.highlight({
backgroundColor: 'red',
color:'green'
});//有參調(diào)用
});
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
