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>