自定义jquery插件（一）-------初使用

一、使用

1.无参jquery插件  

步骤一： 定义插件

 (function($){
            $.fn.extend({
                myPlugName:function(){  //这里是插件名
                    $(this).click(function(){
                        alert($(this).val());    
                    });    
                }
            });    
        })(jQuery);

步骤二：使用

<input type="button" value="点击我" id="btn"/>
 $("#btn").myPlugName();

2.有参jquery插件
(1)定义插件

 (function($){
            $.fn.hilight=function(options){
                var defaults={            //这是jquery默认值
                    foreground:'red',
                    background:'yellow'    
                };
                var opts = $.extend(defaults,options);  //这里是将参数options和deafaults样式合并，使用extend扩展
                $(this).css("background-color",opts.background);
                $(this).css("color",opts.foreground);
            };
        })(jQuery);

(2)使用插件

<div id="myDiv">This is a Params JQuery!</div>
 $("#myDiv").hilight({foreground:'blue'});  //设置高亮，为jquery传递参数，如果不写，则使用默认的defaults的值，否则使用defaults和options合并的opts值

二、规范

（1）jQuery插件的文件名推荐命名为jquery.[插件名].js，

（2）所有的 对象方法 都应当附加到jQuery.fn对象上。所有的 全局函数 都应当附加到jQuery对象本身。

        如$.fn.xxx / $.xxx