JQuery插件的两种写法

第一种

js:

(function (jQuery){
    this.show = function(title){
        this.title=title;
    };
    this.show2 = function(){
        alert(this.title);
    };
    jQuery.messager = this;
    return jQuery;
})(jQuery);

html:

<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $.messager.show("this is a test");
    $.messager.show2();
});
</script>

 

第二种

js:

$.fn.messager = function(options){
    var defaults = {
        title:"this is a test!"
    };
    $.extend(defaults,options);
    alert(defaults.title);
    return this;
};

 

html:

<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $("#d").messager().hide();
});
</script>