求教JQuery插件开发


(function($) {
    var defaults = {
        myId:0
    };    $.fn.myFoo = function(settings) {
        var opts = $.extend({},defaults, settings || {});
        //var self = $(this);        function myFoo(settings){
            return this;
        };        myFoo.prototype = {
            callMe:function(){
                alert('here');
            }
        };
    };
})(jQuery);我初学写JQ插件,不知道这样形式有没有错,大家可以提供下各自的JQ插件写法给我参考下.
求教怎么编写这样模式的JQ插件呢?

解决方案 »

  1.   

    不知道你想干什么，如果楼主想自己开发插件，首先你要深入理解JavaScript比如你用到的立即执行函数你明白吗 (function(){...})();为什么这样就能调用了
    再就是prototype和原型链作用域如果真有心学习的话有两本好书
    JavaScript基础 《JavaScript高级程序设计》，第二版就很好，第三版介绍了很多HTML5，ECMAScript5，现在还用不到，反而不好编写自己的库和插件 《JavaScript DOM高级程序设计》这本书不好买，下个电子版的
      

  2.   

    $.pluginName=function(){}$.fn.pluginName=function(){}
    扩展插件就这两种写法吧
      

  3.   

    $.pluginName=function(){}$.fn.pluginName=function(){}
    扩展插件就这两种写法吧
      

  4.   

    jquery插件写法
      

  5.   

    简单例子:<html>
    <head>
    <title> jQuery plugin test </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
    input { border:solid 1px #7F9DB9; }
    .error { border:solid 1px red; }
    </style>
    <script type="text/javascript" src="jquery.1.4.2.src.js"></script>
    <script type="text/javascript">
    (function($) { // 增加红色边框的插件
    $.fn.error = function(clazz) {
    return this.each(function() {
    $(this).addClass(clazz || "error");
    });
    };
    })(jQuery);
    jQuery(function($) {
    $("button").click(function() { // 设置边框
    $("input[type=text]").error();
    });
    });
    </script>
    </head>

    <body>
    <p><input type="text" name="account" /></p>
    <p><input type="text" name="password" /></p>
    <p><button name="action">click me!</button></p>
    </body>
    </html>
      

  6.   


    (function($) {
    $.fn.xxx = function() {
    return this.each(function() { // 这样写才能遍历执行
    });
    };
    })(jQuery);