Jquery pluign development example

Posted on 2011-09-01 11:22  Leon0812  阅读(207)  评论(0编辑  收藏  举报
(function($){

$.fn.ChangeStyle
= function(options,msg){

var opts = $.extend({},$.fn.ChangeStyle.defaults, options);

this.css("background",opts.background);
this.css("color",opts.color);

//private method
Note(msg);

//public method
$.fn.ChangeStyle.customAction();

};
function Note(msg)
{

if(undefined != msg)
{
alert(msg);
}
}

$.fn.ChangeStyle.defaults
= { background:"#999",color:"red"};

$.fn.ChangeStyle.customAction
= function(){};

})(jQuery);


//Invoke the pluign example
$(
function()
{

//set properties
//$(
"form").ChangeStyle.defaults.background = "#f1f1f1";
//$(
"form").ChangeStyle.defaults.color = "blue";

$(
"form").ChangeStyle.customAction = function(){ alert("this is custom action")};
$(
"form").ChangeStyle({ background:"#999",color:"red"},"hi");


});

Copyright © 2024 Leon0812
Powered by .NET 8.0 on Kubernetes