//this其实是一个Html元素。
//$this只是个变量名，加$是为说明其是个jquery对象。
//而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。
(function($){
$.fn.hilight=function(options){
debug(this);
vardefaults={
foreground:'red',
background:'yellow'
};
varopts=$.extend({},$.fn.hilight.defaults,options);
returnthis.each(function(){
//this其实是一个Html元素。
//$this只是个变量名，加$是为说明其是个jquery对象。
//而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。
$this=$(this);
//buildelementspecificoptions
varo=$.meta?$.extend({},opts,$this.data()):opts;
//updateelementstyles
$this.css({
backgroundColor:o.background,
color:o.foreground
});
varmarkup=$this.html();
//callourformatfunction
markup=$.fn.hilight.format(markup);
$this.html(markup);
});
};
//defineourformatfunction
$.fn.hilight.format=function(txt){
return'<strong>'+txt+'</strong>';
};
//插件的defaults
$.fn.hilight.defaults={
foreground:'red',
background:'yellow'
};
functiondebug($obj){
if(window.console&&window.console.log){
window.console.log('hilightselectioncount:'+$obj.size());
}
};
})(jQuery)
