jQuery.fn的作用是什麼

admin發表於2018-07-12
在自定義jQuery外掛中,會經常見到jQuery.fn的身影,下面就簡單介紹一下它的作用到底是什麼。

想要認識它的本質,最好的辦法直接看jQuery的原始碼,否則一切都是根據現象進行的猜測,難免出現失誤。

jQuery1.8.3中的程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
jQuery.fn = jQuery.prototype = {
   //程式碼
}

由上面的程式碼可以清晰的看出jQuery.fn執行jQuery的原型物件。

明白了上面的道理也可以有助於對其他函式的理解,例如

[JavaScript] 純文字檢視 複製程式碼
jQuery.fn.extend(object)

以上程式碼可以為jQuery物件新增方法,可以和以下方法一起學習:

[JavaScript] 純文字檢視 複製程式碼
jQuery.extend(object);

以上程式碼可以為jQuery"類"新增方法,當然js中並沒有類這個概念,不過就是那個意思。

相關閱讀:

(1).jQuery.extend()函式可以參閱jQuery.extend()一章節。

(2).jQuery.fn.extend()函式可以參閱$.extend()和$.fn.extend()區別一章節。

相關文章