jquery 插件編寫

/************************ 全局函數 ***************************************/

/*

//
JQuery.plugin1 = function(){


}

//
JQuery.extend({

plugin2:function(){
 
},

plugin3:function(){
 
}

});

//
JQuery.nameSpace = function(){

 plugin4:function(){
  
 },
 plugin5:function(){
  
  
 }

}

//調用方式
$.plugin1();
$.plugin2();$.plugin3();
$.nameSpace.plugin4();
$.nameSpace.plugin5();

/************************ 全局函數 ***************************************/



/************************ 對象級別函數 ***************************************/

/*

//
(function($){

$.fn.extend({
 
 plugin6:function(){
  
  
 } 
 
})


})(JQuery);

//
(function($){

$.fn.plugin7 = function(){
   
 
}

})(JQuery);


//
(function($){

$.fn.plugin8 = function(options){
 
 var defaults = {
  
  foreground:'red',
  backgroudn:'blue' 
 };
 
 var opts  = $.extend(defaults,options);
 
 
}

})(JQuery);


//
(function($){

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

$.fn.plugin9.defaults = {

 foreground:'red',
 backgroudn:'blue' 
}



})(JQuery);


//
(function($){

$.fn.plugin10 = function(options){
 
 debug(this);
 
 
 var opts  = $.extend({},$.fn.plugin10.defaults,options);
 
 
 return this.each(function(){
  
  $this = $(this);
  
  var markup = $this.html();
  
  markup = $.fn.plugin10.format(markup);
  
  $this.html(markup);
 })
};

$.fn.plugin10.format = function($str){
 
 return  '<a>'+str+'</a>';
}

$.fn.plugin10.defaults = {

 foreground:'red',
 backgroudn:'blue' 
}

function debug($obj){
 
 if(window.console && window.console.log){
 
  window.console.log($obj.size);
 }
}

})(JQuery);

//調用方式
$('#div').plugin6();
$('#div').plugin7();
$('#div').plugin8({foreground:'blue'});

$.fn.plugin9.defaults.foreground = 'blue';
$('#div').plugin9();

$.fn.plugin10.defaults.foreground = 'blue';
$.fn.plugin10.format = function($str){

return '<b>'+$str+'</b>';
}
$('#div').plugin10();

/************************ 對象級別函數 ***************************************/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章