如何做简单的JQuery plug-in

我的plug-in是(function($){
$.fn.testvalue = function(options) {    
  var defaults = {    
    value:'123'   //①
  };       
  var opt = $.extend({},defaults,options);    
  $(this).val();
  
  $(this).click(function(){  
    opt.value=$(this).val(); 
    console.log(opt.value);
  });
 };
})(jQuery);
aspx中的引用是：
    $(document).ready(function(){
//      $(":text").testvalue({
//      value:'defaultvalue2'
//      });   
      $(":text").testvalue();    
    })
----------
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text" />
    </div>
    </form>
</body>注释掉的是有参数的，$(":text").testvalue();则想使用默认值，就是default里头的参数。
我想实现引用时带参数则输出参数，不带参数则输出①的值。
我想做一个插件，提这个问只是想知道插件应该怎么做。谢谢大家！

解决方案 »

  1.   

    http://blog.sina.com.cn/s/blog_560ff7ba0100eaoo.htmlhttp://www.javaeye.com/topic/545971http://zpball.javaeye.com/blog/701517
      

  2.   

    (function($){
    $.fn.testvalue = function(options) {    
      var defaults = {    
        value:'123'   
      };       
      var options = $.extend(defaults,options);    
      $(this).click(function(){  
        if($.trim($(this).val())=='')
        {
           options.value='123';
        }
        else
        {
           options.value=$(this).val(); 
        }
           console.log(options.value);
      });
     };
    })(jQuery);
      

  3.   

    (function($){
    $.fn.testvalue = function(options) {    
      var defaults = {    
        value:'123'   
      };       
      var options = $.extend(defaults,options);    
      $(this).click(function(){  
           console.log(options.value);
      });
     };
    })(jQuery);