jQuery方法原始碼定位簡單方法

antzone發表於2017-04-10
jQuery原始碼

在使用jQuery寫程式碼的時候，如果要確切的指導一個方法的實現原理，那麼只能夠看程式碼。

所以確定一個方法再jQuery原始碼中的位置是首要因素，下面介紹一個比較簡單的方式。

通過谷歌瀏覽器的控制檯可以輕鬆實現我們的要求。

一.在頁面中引入jQuery:

這是必須的步驟，如下:

[HTML] 純文字檢視 複製程式碼
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

二.控制檯操作:

點選F12彈出控制檯介面:

a:3:{s:3:\"pic\";s:43:\"portal/201704/10/095727fbfnz21gru8fioln.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

下面我們就定位一下slideUp()方法:

a:3:{s:3:\"pic\";s:43:\"portal/201704/10/095802tnnzjxtnxn11q1jn.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

因為slideUp是例項方法，所以需要jQuery.fn這種方式引用。

jQuery.fn===jQuery.prototype。

然後點選回車，就會出現下面的畫面:

a:3:{s:3:\"pic\";s:43:\"portal/201704/10/095843zffyzr35qs88t18f.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後在雙擊紅色區域，就會定位到原始碼部分了:

a:3:{s:3:\"pic\";s:43:\"portal/201704/10/095912ptgzpoyapuyugeqy.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章