jQuery.extend 与 jQuery.fn.extend 的区别

jQuery.extend

对jQuery对象的扩展，可以理解为静态方法，不需要实例jQuery就可以使用。

    <script type="text/javascript">
    <!--
        jQuery.extend({
            add: function(a, b) {
                return a + b;
            }
        });

        alert($.add(3, 4)); //7

    //-->
    </script>

jQuery.fn.extend

对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。

    <script type="text/javascript">
    <!--
        jQuery.fn.extend({
            red: function() {
                return $(this).css('color', '#ff0000');
            }
        });

        $('#test').red();
    //-->
    </script>