jQuery编写插件的小实例

<p>Hello Javascript<p>

/*
This is just a test!!!
Hilight text,user-defined css style by function format
@author Rick.Xu
*/

(function($) {
var defaluts =  {
css:{"color":"black","background-color":"yellow"}
};

$.fn.extend({hilight:function(settings) {
var opts = $.extend(true,{},defaluts,settings);
return this.each(function() {
var $this = $(this);
if(opts.format) {
var txt = opts.format($this.html());
$this.html(txt);
}
$this.css(opts.css);

});
}});
})(jQuery);

$(function() {
$("p").hilight({
css:{
color:"red"
},
format:function(txt) {
return "<I>"+txt+"</I>";
}
});
});