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>

轉載于:https://www.cnblogs.com/mizzle/archive/2011/07/15/2107204.html

總結

以上是生活随笔為你收集整理的jQuery.extend与jQuery.fn.extend的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。